.video-banner-section{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.video-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.video-banner__media--mobile{display:none}@media(max-width:767px){.video-banner__media--desktop{display:none}.video-banner__media--mobile{display:block}}.video-banner__media video,.video-banner__media img,.video-banner__media iframe{width:100%;height:100%;object-fit:cover;pointer-events:none}.video-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:2;transition:opacity .3s ease;overflow:hidden}.video-banner__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-align:center}.video-banner__top-text{font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px}.video-banner__heading{line-height:1.2;margin:0 0 30px;font-weight:400;max-width:800px;padding:0 20px}.video-banner__heading em{font-style:italic}.video-banner__play-button{width:80px;height:80px;border-radius:50%;border:1px solid #ffffff;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:0;margin:0}.video-banner__play-button:hover{background:#ffffff26;transform:scale(1.05)}.video-banner__play-button svg{width:32px;height:32px;fill:#fff}.video-banner-section.is-playing.video-banner-section--hide-text .video-banner__content>*:not(.video-banner__play-button){opacity:0!important;pointer-events:none;transition:opacity .3s ease}.video-banner-section.is-playing.video-banner-section--hide-text .video-banner__bottom-buttons{opacity:0!important;pointer-events:none;transition:opacity .3s ease}.video-banner__content>*{transition:opacity .3s ease}.video-banner__bottom-buttons{transition:opacity .3s ease}.video-banner-section.is-playing .video-banner__play-icon{display:none}.video-banner-section:not(.is-playing) .video-banner__pause-icon{display:none}.video-banner-section.is-playing .video-banner__play-button{opacity:0;pointer-events:none}.video-banner-section:hover .video-banner__play-button{opacity:1;pointer-events:auto}.video-banner__bottom-buttons{position:absolute;bottom:30px;left:0;width:100%;display:flex;justify-content:center;gap:15px;z-index:3}.video-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-radius:30px;font-weight:600;transition:all .3s ease;min-width:140px;text-transform:capitalize;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.video-banner__btn:hover{transform:translateY(-2px);color:#fff}
/*# sourceMappingURL=/cdn/shop/t/96/assets/video-banner.css.map */