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