@layer properties,theme,base,nuxt-base,components,utilities;@layer nuxt-base{.button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-card);color:var(--color-inverse);text-align:center;font-family:var(--font-display);font-size:var(--text-small);font-weight:700;line-height:16px;letter-spacing:.8px;padding:calc(var(--spacing-unit)*3) calc(var(--spacing-unit)*12);text-decoration:none;white-space:nowrap;text-transform:uppercase;background:var(--color-accent);border:0;cursor:pointer;gap:calc(var(--spacing-unit)*2)}.button--block{display:flex;width:100%}.button--lg{font-size:var(--text-body)}@media screen and (min-width:768px){.button--lg{padding:calc(var(--spacing-unit)*5) calc(var(--spacing-unit)*12);font-size:var(--text-title)}}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{color:var(--color-inverse)}.button--primary,.button--primary:hover{background:var(--color-accent)}.button--outline{background:transparent}.button--outline,.button--outline:hover{color:var(--color-accent);border:2px solid var(--color-accent)}}
