.button{font-family:new-science,sans-serif;text-decoration:none;display:inline-block;gap:.5em;padding:.5em 1em;color:var(--color-accent);font-weight:900;font-size:1em;position:relative;z-index:1;--border-width: 2px;border:var(--border-width) solid transparent;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 36px 3px #4382ff33;background:transparent;cursor:pointer}.button .icon{top:0}@property --angle{syntax: "<angle>"; inherits: true; initial-value: 90deg;}.button:not(.button--inactive):hover,.block-anchor:hover .button{color:var(--color-accent-lighter);box-shadow:0 0 36px 6px #a1c1ff40}a.button:hover,.block-anchor:hover .button{outline:none}.button:before{content:" ";position:absolute;inset:calc(var(--border-width) * -1);z-index:-1;border:inherit;border-radius:inherit;background-image:conic-gradient(from var(--angle) at 50% 50%,var(--color-accent-dark) 0deg,var(--color-accent) 322.1999931335deg,var(--color-accent-dark) 360deg);background-origin:border-box;-webkit-mask:linear-gradient(black,black) content-box,linear-gradient(black,black);mask:linear-gradient(black,black),linear-gradient(black,black);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;transition:all .5s}.button:not(.button--inactive):hover:before,.block-anchor:hover .button:before{background-image:conic-gradient(from var(--angle) at 50% 50%,var(--color-accent-dark) 0deg,var(--color-accent-light) 322.1999931335deg,var(--color-accent-dark) 360deg);animation:button-spin 1s linear infinite}.button.button--secondary{background:transparent;color:var(--color-accent);font-weight:400;padding-top:calc(.5em + 1px);padding-bottom:calc(.5em + 1px);--border-width: 1px}.button.button--secondary:before{background-image:conic-gradient(from var(--angle) at 50% 50%,var(--color-accent-dark) 0deg,var(--color-accent) 322.1999931335deg,var(--color-accent-dark) 360deg)}.button.button--white{color:#fff}.button.button--white:before{background-image:conic-gradient(from var(--angle) at 50% 50%,var(--color-accent) 0deg,var(--color-accent-lighter) 322.1999931335deg,var(--color-accent) 360deg)}.button.button--white:hover{color:#fff;background:linear-gradient(-135deg,var(--color-accent-dark),var(--color-accent))}.button.button--white:hover:before{background-image:conic-gradient(from var(--angle) at 50% 50%,var(--color-accent-dark) 0deg,var(--color-accent-lighter) 322.1999931335deg,var(--color-accent-dark) 360deg)}.button.button--dark{color:var(--color-black);box-shadow:none}.button.button--dark:before{background-image:conic-gradient(from var(--angle) at 50% 50%,var(--color-accent-dark) 0deg,var(--color-black) 322.1999931335deg,var(--color-accent-dark) 360deg)}.button.button--dark:hover{color:var(--color-white);background:linear-gradient(-135deg,var(--color-accent-dark),var(--color-black))}.button.button--dark:hover:before{background-image:conic-gradient(from var(--angle) at 50% 50%,var(--color-accent) 0deg,var(--color-black) 200deg,var(--color-accent) 360deg)}.button.button--red{color:var(--color-red);box-shadow:0 0 36px 3px #ff829b33}.button.button--red:hover{color:#f77;background:linear-gradient(-135deg,#f663,#54080800)}.button.button--red:before{background-image:conic-gradient(from var(--angle) at 50% 50%,var(--color-red) 0deg,rgba(255,102,102,0) 320deg,#ff6666 360deg)}.button.button--red:hover-zero{color:var(--color-white);background:linear-gradient(-135deg,red,var(--color-black-zero))}.button.button--red:hover:before{background-image:conic-gradient(from var(--angle) at 50% 50%,#ffAAAA 0deg,rgba(255,170,170,0) 320deg,#ffAAAA 360deg)}.button--fill--accent{background:var(--color-accent);color:var(--color-white)}.button--large{font-size:1.25em}.button--fullwidth{display:block;text-align:center}@media screen and (max-width: 640px){.button--fullwidth{display:block;text-align:center;width:100%;box-sizing:border-box}.button--fullwidth+.button--fullwidth{margin-top:.5rem}}@keyframes button-spin{to{--angle: 450deg}}.button.button--inactive{background:var(--color-black);color:var(--color-accent-dark);cursor:not-allowed}.button.button--inactive:before{opacity:.33}.button:has(>.icon){display:inline-flex;align-items:center;padding-left:.66em}.button .icon{top:0!important}