.play-button-container{justify-content:center;align-items:center;width:fit-content;height:fit-content;margin:0 auto;display:flex;position:relative}.play-button-small{width:160px}.play-button-medium{width:250px}.play-button-large{width:300px}.play-button-container .hero-play-button{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #ff6b354d}.play-button-container .hero-play-button:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 25px #ff6b3566}.play-button-container .hero-play-button:active{transform:translateY(0)scale(.95)}.play-button-container .play-icon{justify-content:center;align-items:center;width:60px;height:60px;display:flex}.play-button-container .play-icon svg{width:100%;height:100%}.play-button-container .loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-button-container .circular-live-text{pointer-events:none;z-index:1;width:250px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button-container .circular-text-svg{width:100%;height:100%;animation:15s linear infinite rotate}.play-button-container .circular-text{fill:#fff;text-transform:uppercase;letter-spacing:6px;filter:drop-shadow(0 0 8px #fffc);text-anchor:middle;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-button-container.play-button-small .hero-play-button{width:100px;height:100px}.play-button-container.play-button-small .play-icon{width:45px;height:45px}.play-button-container.play-button-small .circular-live-text{width:160px;height:160px}.play-button-container.play-button-small .circular-text{letter-spacing:4.5px;font-size:9px}.play-button-container.play-button-medium .hero-play-button{width:130px;height:130px}.play-button-container.play-button-medium .play-icon{width:60px;height:60px}.play-button-container.play-button-medium .circular-live-text{width:250px;height:250px}.play-button-container.play-button-medium .circular-text{letter-spacing:6px;font-size:12px}.play-button-container.play-button-large .hero-play-button{width:160px;height:160px}.play-button-container.play-button-large .play-icon{width:75px;height:75px}.play-button-container.play-button-large .circular-live-text{width:300px;height:300px}.play-button-container.play-button-large .circular-text{letter-spacing:7px;font-size:16px}@media (min-width:1920px){.play-button-large,.play-button-large .circular-live-text{width:350px}.play-button-large .circular-text{letter-spacing:8px;font-size:18px}}@media (max-width:1919px) and (min-width:1440px){.play-button-large,.play-button-large .circular-live-text{width:320px}.play-button-large .circular-text{letter-spacing:7px;font-size:16px}}@media (max-width:1439px) and (min-width:1280px){.play-button-medium,.play-button-medium .circular-live-text{width:280px}.play-button-medium .circular-text{letter-spacing:5.5px;font-size:11px}}@media (max-width:1440px) and (min-width:1024px){.play-button-medium,.play-button-medium .circular-live-text{width:260px}.play-button-medium .circular-text{letter-spacing:5px;font-size:10px}}@media (max-width:1023px) and (min-width:768px){.play-button-medium,.play-button-medium .circular-live-text{width:240px}.play-button-medium .circular-text{letter-spacing:4.5px;font-size:9px}}@media (max-width:768px) and (min-width:481px){.play-button-medium,.play-button-medium .circular-live-text{width:200px}.play-button-medium .circular-text{letter-spacing:4px;font-size:8px}.play-button-small,.play-button-small .circular-live-text{width:160px}.play-button-small .circular-text{letter-spacing:3.5px;font-size:7px}}@media (max-width:480px) and (min-width:401px){.play-button-medium,.play-button-medium .circular-live-text{width:180px}.play-button-medium .circular-text{letter-spacing:3.5px;font-size:7px}.play-button-small,.play-button-small .circular-live-text{width:140px}.play-button-small .circular-text{letter-spacing:3px;font-size:6px}}@media (max-width:400px){.play-button-medium,.play-button-medium .circular-live-text{width:160px}.play-button-medium .circular-text{letter-spacing:3px;font-size:6px}.play-button-small,.play-button-small .circular-live-text{width:120px}.play-button-small .circular-text{letter-spacing:2.5px;font-size:5px}}