svg.arrow{flex-shrink:0;width:auto;height:.8125em}svg.arrow path.head-long,svg.arrow path.head-short,svg.arrow path.line-long,svg.arrow path.line-short{opacity:0}div.btn{width:fit-content}div.btn:has(.btn-inner.disabled){cursor:not-allowed}div.btn .btn-inner{letter-spacing:-.02625rem;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;height:100%;font-family:var(--font-sans), system-ui, sans-serif;white-space:nowrap;align-items:center;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.2;display:flex;position:relative}div.btn .btn-inner.primary,div.btn .btn-inner.secondary{column-gap:.5em;padding-inline:1.5em 1.25em}div.btn .btn-inner.primary{color:var(--clr-mint-50);isolation:isolate;padding-block:1.25em}div.btn .btn-inner.primary div.bg{z-index:-1;background-color:var(--clr-black-900);position:absolute;inset:0}div.btn .btn-inner span.roll{display:grid;overflow:hidden}div.btn .btn-inner span.roll>span{transition:translate .5s var(--ease);grid-area:1/1}div.btn .btn-inner span.roll>span+span{translate:0 100%}@media (hover:hover){div.btn .btn-inner:hover span.roll>span,div.btn .btn-inner:focus-visible span.roll>span{translate:0 -100%}div.btn .btn-inner:hover span.roll>span+span,div.btn .btn-inner:focus-visible span.roll>span+span{translate:0}}div.btn .btn-inner.secondary{color:var(--clr-black-900);transition:color .4s var(--ease), background-color .4s var(--ease), border-color .4s var(--ease);border:1px solid;padding-block:.75em}@media (hover:hover){div.btn .btn-inner.secondary:focus-visible,div.btn .btn-inner.secondary:hover{background-color:var(--clr-celadon-300);border-color:var(--clr-celadon-400)}}div.btn .btn-inner.text-dark,div.btn .btn-inner.text-light{column-gap:.25em}div.btn .btn-inner.text-dark:after,div.btn .btn-inner.text-light:after{content:"";position:absolute;inset:-.75rem 0}div.btn .btn-inner.text-light{color:var(--clr-black-900);transition:color .4s var(--ease)}@media (hover:hover){div.btn .btn-inner.text-light:focus-visible,div.btn .btn-inner.text-light:hover{color:var(--clr-celadon-500)}}div.btn .btn-inner.text-dark{color:var(--clr-mint-50);transition:color .4s var(--ease)}@media (hover:hover){div.btn .btn-inner.text-dark:focus-visible,div.btn .btn-inner.text-dark:hover{color:var(--clr-celadon-300)}}div.btn .btn-inner.disabled{pointer-events:none;opacity:.33}div.btn .btn-inner.outlink svg.arrow{margin-bottom:.2em;rotate:-45deg}
