.custom-video-wrapper{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;cursor:pointer}.custom-video{width:100%;height:auto;display:block;object-fit:cover}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f75ff;color:#fff;padding:6px;border-radius:100px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:all .3s ease;width:60px;height:60px}.video-play-btn svg{width:30px;height:30px}.custom-video-wrapper:hover .video-play-btn{display:flex}.video-controls{position:absolute;top:20px;left:20px;z-index:3;opacity:0;transition:opacity .3s ease}.custom-video-wrapper:hover .video-controls{opacity:1}.mute-toggle{width:40px;height:40px;background:#0f75ff;color:#fff;border:none;border-radius:100px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.mute-toggle .muted{display:none}.mute-toggle.is-muted .muted{display:flex}.mute-toggle.is-muted .unmute{display:none}.mute-toggle span{display:flex;align-items:center;justify-content:center}.mute-toggle svg{width:16px;height:16px;fill:currentColor}.mute-toggle svg path{fill:#fff}.pause-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f75ff;color:#fff;padding:6px;border-radius:100px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:3;width:60px;height:60px}.video-play-btn,.pause-button{pointer-events:auto;transition:opacity .3s ease}.btn-see-it-bfr{border:1px solid #000;border-radius:30px;overflow:hidden;display:flex}.btn-see-it-bfr button{background:#c9e9f9;flex:1;border:none;padding:13.5px 10px;font-size:14px;display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;border-right:1px solid #000;transition:ease .3s;cursor:pointer;color:#000}.btn-see-it-bfr button:last-child{border-right:none}.cstm-video img{width:100%;border-radius:12px}@media(min-width:950px){.ante-section-content .section-left{top:100px!important}}@media(min-width:750px){.btn-see-it-bfr button:hover,.btn-see-it-bfr button.active{background:#fff}}@media(max-width:749px){.btn-see-it-bfr{border-radius:0;order:initial!important;margin:16px -16px 0;border-left:none;border-right:none}.btn-see-it-bfr button{padding:12.5px 10px}}
/*# sourceMappingURL=/cdn/shop/t/170/assets/bfr-aftr-crousl.css.map */