.fr-button { align-items: center; background: transparent; border: var(--fr-rule-width) solid currentColor; border-radius: var(--fr-radius-none); color: var(--fr-color-ink); display: inline-flex; font-family: var(--fr-font-body); font-size: var(--fr-text-sm); font-weight: var(--fr-weight-bold); gap: var(--fr-space-3); justify-content: center; min-height: var(--fr-control-height); padding: 0 var(--fr-space-6); text-decoration: none; transition: background-color var(--fr-transition-fast), color var(--fr-transition-fast); }
.fr-button--primary { background: var(--fr-color-vermilion); border-color: var(--fr-color-vermilion); color: var(--fr-color-on-dark); }
.fr-button:hover, .fr-button:focus-visible { background: var(--fr-color-ink); border-color: var(--fr-color-ink); color: var(--fr-color-on-dark); }