.primary-button{border:1px solid var(--yellow);background:var(--background-yellow);-webkit-user-select:none;user-select:none;white-space:nowrap;height:50px;font-family:var(--font-karl), Arial, sans-serif;letter-spacing:.1rem;padding:0 2rem;transition:all 50ms linear;position:relative}.primary-button:before,.primary-.primary-button:after{content:"";background:var(--background-yellow);transition:all .2s linear;position:absolute}.primary-button:before{width:calc(100% + 6px);height:calc(100% - 16px);top:8px;left:-3px}.primary-button:after{width:calc(100% - 16px);height:calc(100% + 6px);top:-3px;left:8px}.primary-button:hover{cursor:crosshair;color:var(--yellow)}.primary-button:active{transform:scale(.95)}.primary-button:hover:before{height:calc(100% - 32px);top:16px}.primary-button:hover:after{width:calc(100% - 32px);left:16px}.primary-button span{z-index:3;font-size:1rem;font-weight:600;position:relative}.text-link{z-index:0;color:#000;padding:0 5px;text-decoration:none;transition:color .3s;display:inline-block;position:relative}.text-link:after{content:"";z-index:-1;background-color:var(--yellow);width:100%;height:10%;transition:all .3s;position:absolute;bottom:0;left:0}.text-link:hover,.group:hover .text-link{color:#fff}:is(.text-link:hover,.group:hover .text-link):after{height:100%}