a:where(.btn),button{--button-font-weight:var(--font-weight-bold,700);line-height:var(--line-height-32);gap:var(--spacing-8)}a:where(.btn){transition-property:background,border,box-shadow,color;transition-duration:var(--transition-duration,.25s);background-color:var(--button-background-color);color:var(--button-text-color);&:focus-visible,&:hover{background-color:var(--button-background-color-hover);box-shadow:inset 0 0 0 var(--button-border-width) var(--button-border-color-hover);color:var(--button-text-color-hover);text-decoration:none}}.btn-primary{--button-background-color:var(--color-iris-500);--button-background-color-hover:var(--color-iris-900);--button-border-color:transparent;--button-text-color:var(--color-white);--button-text-color-hover:var(--button-text-color)}.btn-hero{--button-background-color:var(--color-kiwi-500);--button-background-color-hover:var(--color-menthe-900);--button-border-color:transparent;--button-text-color:var(--color-sapin-900);--button-text-color-hover:var(--color-white)}.btn-secondary{--button-background-color:var(--color-white);--button-background-color-hover:var(--color-iris-100);--button-border-color:transparent;--button-text-color:var(--color-iris-500);--button-text-color-hover:var(--color-iris-500)}.btn-ghost{--button-background-color:transparent;--button-background-color-hover:transparent;--button-border-color:var(--color-iris-500);--button-border-color-hover:var(--color-neutral-900);--button-text-color:var(--color-iris-500);--button-text-color-hover:var(--color-neutral-900)}.btn-white{--button-background-color:transparent;--button-background-color-hover:var(--color-white);--button-border-color:var(--color-white);--button-border-color-hover:var(--color-white);--button-text-color:var(--color-white);--button-text-color-hover:var(--color-iris-500)}.btn-full{width:100%}