.button:where(.astro-nr76ogrl){--hover-background-color: var(--c-light);--hover-color: var(--c-dark);letter-spacing:-.01em;border:1px solid;border-color:var(--c-light);border-radius:24px;overflow:hidden;transition:background-color .5s var(--transition-timing-function);width:162px;aspect-ratio:3.375;color:var(--c-light)}.button:where(.astro-nr76ogrl)._dark{--hover-background-color: var(--c-dark);--hover-color: var(--c-light);border-color:var(--c-dark30);color:var(--c-dark)}.button:where(.astro-nr76ogrl):hover{background-color:var(--hover-background-color)}.button:where(.astro-nr76ogrl):hover .button-text:where(.astro-nr76ogrl){transform:translateY(100%)}.button:where(.astro-nr76ogrl):hover .button-text:where(.astro-nr76ogrl):before{color:var(--hover-color)}.button-text:where(.astro-nr76ogrl){position:relative;width:162px;aspect-ratio:3.375;transition:transform .5s var(--transition-timing-function);margin-top:-1px}.button-text:where(.astro-nr76ogrl),.button-text:where(.astro-nr76ogrl):before{display:flex;justify-content:center;align-items:center}.button-text:where(.astro-nr76ogrl):before{content:attr(data-text);position:absolute;top:-100%;bottom:0;width:100%;height:100%;transition:color .5s var(--transition-timing-function)}