.video-container{position:relative;width:100%;height:100%}video{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.circle-wrapper{position:relative;width:200px;height:200px}.circle-text{position:absolute;top:0;left:0;width:200px;height:200px;animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;cursor:pointer;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.triangle{width:0;height:0;border-left:40px solid rgb(247,61,61);border-top:26px solid transparent;border-bottom:26px solid transparent;filter:drop-shadow(0 0 8px rgba(247,61,61,.8))}.pause{display:flex;gap:6px}.pause:after,.pause:before{content:"";display:block;width:6px;height:24px;background:white}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-slow-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.animate-spin-slow{animation:spin-slow 5s linear infinite}.animate-spin-slow-reverse{animation:spin-slow-reverse 5s linear infinite}.play-text{text-shadow:0 0 10px rgba(0,0,0,.5)}@media (max-width:768px){.overlay{justify-content:center;align-items:center}.circle-text,.circle-wrapper{width:150px;height:150px}.circle-text{font-size:32px}.play-btn{width:60px;height:60px}.triangle{border-left:30px solid rgb(247,61,61);border-top:20px solid transparent;border-bottom:20px solid transparent}.pause:after,.pause:before{width:4px;height:18px}}