.watch-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.5rem;font-weight:600;border-radius:.75rem;border:1px solid;transition:all .3s ease;overflow:hidden;text-decoration:none;font-size:1rem;&:before{opacity:1;background:radial-gradient(circle at 20% 20%,hsla(191,83%,8%,1) 10%,hsla(191,83%,8%,.8) 30%,hsla(191,83%,8%,.7) 50%,hsla(191,83%,8%,.5) 70%,hsla(191,83%,8%,.2) 90%,hsla(191,83%,8%,0) 100%) no-repeat;z-index:-1}&:after,&:before{content:"";position:absolute;top:0;left:0;width:110%;height:100%}&:after{opacity:.35;background:url(/noise-full.png) repeat;background-size:7.5rem;mix-blend-mode:overlay;backdrop-filter:blur(5px);z-index:1;pointer-events:none}}.watch-button--primary{background-color:rgba(0,0,0,.2);border-color:#032227;color:white}.watch-button--primary:hover{border-color:#05373f}.watch-button--secondary{background-color:rgba(0,0,0,.2);border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}.watch-button--secondary:hover{border-color:rgba(255,255,255,.6);color:rgb(255,255,255);background-color:rgba(255,255,255,.052)}.watch-button__text{position:relative;z-index:2;white-space:nowrap}.watch-button:hover:after{opacity:.5}