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