.btn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;margin:auto;padding:0;position:relative}.btn,.btn:focus{outline:none}.play-button-circle,.play-button-container{align-items:center;display:flex;justify-content:center;position:relative}.play-button-circle{background:#a8b109;border-radius:50%;cursor:pointer;height:80px;transition:all .3s ease;width:80px;z-index:10}.play-button-circle:hover{transform:scale(1.05)}.play-button-circle:active{transform:scale(.95)}.play-icon{fill:#fff;height:32px;margin-left:3px;transition:transform .3s ease;width:32px}.play-button-circle:hover .play-icon{transform:scale(1.1)}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1000}.modal-overlay.active{display:flex;opacity:1}.modal-content{background:#fff;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:800px;overflow:hidden;position:relative;transform:scale(.7);transition:transform .3s ease;width:90%}.modal-overlay.active .modal-content{transform:scale(1)}.close-btn{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:1001}.close-btn:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.video-container{height:0;padding-bottom:56.25%;position:relative;width:100%}.video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.modal-content{margin:20px;width:95%}.close-btn{font-size:18px;height:35px;right:10px;top:10px;width:35px}}