.video-btn-container{--transition:all 0.55s cubic-bezier(0.68,-0.55,0.265,1.55);--yellow-bg:transparent linear-gradient(114deg,#8a50ef,#004c99) 0% 0% no-repeat padding-box;--brand-blue:#8a50ef;color:#fff;height:45px;display:flex;align-items:center}@media(min-width:992px){.video-btn-container{height:60px}}.video-btn-container .btn-video{border-radius:15px;letter-spacing:.8px;font-size:12px;font-weight:300;color:#fff;white-space:nowrap;width:138px;height:45px;cursor:pointer;position:relative;border:1px solid #8a50ef;background:rgba(0,0,0,0);overflow:hidden}@media(min-width:992px){.video-btn-container .btn-video{height:60px;width:166px}}.video-btn-container .btn-video:before{transition:var(--transition);content:"";width:50%;height:100%;background:#000;position:absolute;top:0;right:0}.video-btn-container .btn-video:hover:before{width:100%}.video-btn-container .btn-video.btn-hover{border-radius:15px;position:relative}.video-btn-container .btn-video.btn-hover:before{width:100%;background:conic-gradient(transparent 240deg,rgba(51,153,255,.5333333333) 240deg,rgba(204,230,255,.6) 300deg,transparent 300deg) 100%/64% no-repeat,var(--yellow-bg)}.video-btn-container .btn-video.btn-hover:hover:before{background-position:100%;border-radius:15px 0 0 15px;width:25%}.video-btn-container .btn-text{position:relative;display:block;height:45px;line-height:45px;text-align:center;z-index:1;color:#fff;font-weight:500;font-family:Poppins,Arial,Helvetica Neue,Helvetica,sans-serif;font-size:12px}@media(min-width:992px){.video-btn-container .btn-text{font-size:14px}}.video-btn-container .default-text,.video-btn-container .hover-text{position:absolute;left:0;top:-2px;width:100%;transition:transform .5s ease;text-align:center}@media(min-width:992px){.video-btn-container .default-text,.video-btn-container .hover-text{top:0}}.video-btn-container .hover-text{left:-10px}.video-btn-container .default-text{transform:translateX(0)}.video-btn-container .hover-text{transform:translateX(-100%);color:var(--brand-blue)}.video-btn-container .btn-video:hover .default-text{transform:translateX(100%);left:3px}.video-btn-container .btn-video:hover .hover-text{transform:translateX(0)}