@property --button-bg{syntax:"<color>";inherits:true;initial-value:#0000}@property --button-fg{syntax:"<color>";inherits:true;initial-value:#000}@property --button-border{syntax:"<color>";inherits:true;initial-value:#0000}@layer components{.button{--button-bg:transparent;--button-fg:var(--ink);--button-border:var(--border);justify-content:center;align-items:center;gap:var(--space-2xs);min-block-size:var(--touch-min);border:1px solid var(--button-border);border-radius:var(--radius);background:var(--button-bg);color:var(--button-fg);font:600 .84375rem / 1 var(--font-text);letter-spacing:.02em;text-align:center;white-space:nowrap;--button-transition:background-color .15s var(--ease-hover), border-color .15s var(--ease-hover), color .15s var(--ease-hover);transition:var(--button-transition);padding:.8125rem 1.375rem;text-decoration:none;display:inline-flex}.button:hover{--button-border:var(--ink);color:var(--button-fg)}.button:disabled{opacity:.45;pointer-events:none}.button[aria-disabled=true]{opacity:.45;pointer-events:none}@media (prefers-reduced-motion:reduce){.button{transition:none}}.button svg{flex:none;block-size:1.15em;inline-size:1.15em}.button--book{--button-bg:var(--teula);--button-fg:var(--calc);--button-border:var(--teula)}.button--book:hover{--button-bg:color-mix(in srgb, var(--teula) 88%, var(--aitana));--button-border:var(--button-bg)}.button--primary{--button-bg:var(--ink);--button-fg:var(--ground);--button-border:var(--ink)}.button--primary:hover{--button-bg:color-mix(in srgb, var(--ink) 86%, var(--ground));--button-border:var(--button-bg)}.button--whatsapp{--button-bg:var(--romer);--button-fg:var(--calc);--button-border:var(--romer)}.button--whatsapp:hover{--button-bg:color-mix(in srgb, var(--romer) 86%, var(--aitana));--button-border:var(--button-bg)}.button--link{--button-border:transparent;min-block-size:auto;padding:var(--space-3xs) 0;color:var(--link);text-underline-offset:.2em;text-decoration:underline}.button--link:hover{--button-border:transparent;color:var(--link-hover)}.button--large{min-block-size:var(--control-height);font-size:var(--step-0);padding-inline:1.75rem}.button--block{inline-size:100%}.button--close{border-radius:50%}.button--icon{inline-size:var(--touch-min);padding:0}.button--icon:hover{background:var(--surface)}}