.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}.primary-button__small{border:1px solid var(--yellow);background:var(--background-yellow);-webkit-user-select:none;user-select:none;white-space:nowrap;height:36px;font-family:var(--font-karl), Arial, sans-serif;letter-spacing:.1rem;cursor:crosshair;z-index:0;justify-content:center;align-items:center;padding:0 1.25rem;transition:all 50ms linear;display:inline-flex;position:relative}.primary-button__small:before,.primary-button__small:after{content:"";background:var(--background-yellow);transition:all .2s linear;position:absolute}.primary-button__small:before{width:calc(100% + 6px);height:calc(100% - 12px);top:6px;left:-3px}.primary-button__small:after{width:calc(100% - 12px);height:calc(100% + 6px);top:-3px;left:6px}.primary-button__small:hover{color:var(--yellow)}.primary-button__small:active{transform:scale(.95)}.primary-button__small:hover:before{height:calc(100% - 24px);top:12px}.primary-button__small:hover:after{width:calc(100% - 24px);left:12px}.primary-button__small span,.primary-button__small{z-index:3;font-size:.8rem;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%}