%button {
    --background: var(--color-dark);
    --background-hover: var(--color-primary);
    --color: var(--color-on-primary);

    border-radius: var(--border-radius-small);
    padding: var(--space-small) var(--space-medium);

    background: var(--background);
    color: var(--color);
    opacity: 0.9;

    font-size: var(--fz-4);
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;

    &:hover {
        opacity: 1.0;
        background: var(--background-hover);
    }
}

