.video-blocks-wrapper,.video-overlay-text-section{position:relative}.video-overlay-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:750px;margin:0 auto;padding:20px}.video-overlay-text .btn-video__play:has(>.svg-text-cricle){background:#0c0c0c57;border-radius:100%;width:82px;height:82px}.video-overlay-text .btn-video__play{display:flex;cursor:pointer}.video-overlay-text .btn-video__play:has(>.svg-text-cricle) .icon-svg{width:50px;height:50px;border-radius:100%;background:rgba(var(--color-foreground));color:rgba(var(--color-accent));transition:.3s linear;z-index:2;position:relative;display:flex;align-items:center;justify-content:center}.video-overlay-text .btn-video__play:has(>.svg-text-cricle) .svg-text-cricle{color:#fff;text-transform:uppercase;position:absolute;top:50%;left:50%;-webkit-animation:Textrotate 15s infinite linear;animation:Textrotate 15s infinite linear;transform:translate(-50%,-50%) rotate(85deg)}@media screen and (max-width: 991px){.video-overlay-text .section-title{margin:0;font-size:2rem}.video-overlay-text .section-text__text{font-size:1.4rem}.video-overlay-text .btn-video__play:has(>.svg-text-cricle){width:70px;height:70px}.video-overlay-text .btn-video__play:has(>.svg-text-cricle) .icon-svg{width:40px;height:40px}.video-overlay-text .btn-video__play:has(>.svg-text-cricle) .svg-text-cricle{max-width:104px;height:auto}}@-webkit-keyframes Textrotate{0%{transform:translate(-50%,-50%) rotate(85deg)}to{transform:translate(-50%,-50%) rotate(445deg)}}@keyframes Textrotate{0%{transform:translate(-50%,-50%) rotate(85deg)}to{transform:translate(-50%,-50%) rotate(445deg)}}@-webkit-keyframes Opacity{0%{opacity:0%}0%{opacity:30%}to{opacity:100%}}@keyframes Opacity{0%{opacity:0%}0%{opacity:30%}to{opacity:100%}}.video--small:not(.video--adapt){height:35rem}.video--medium:not(.video--adapt){height:40rem}.video--large:not(.video--adapt){height:65rem}.video--ex-large:not(.video--adapt){height:72rem}.video--full-height:not(.video--adapt){height:calc(100vh - 113px)}.video--adapt{aspect-ratio:16/9}@media screen and (min-width: 750px){.video--small:not(.video--adapt){height:42rem}.video--medium:not(.video--adapt){height:64rem}.video--large:not(.video--adapt){height:72rem}.video--ex-large:not(.video--adapt){height:97rem}.video--full-height:not(.video--adapt){height:calc(100vh - 113px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-video-overlya-text.css.map */