:root{
    --flow-space: 1em;

    --button-font-family: var(--header-font);
    --button-font-size: 14px;
    --button-font-weight: 500;
    --button-letter-spacing: 1px;
    --button-line-height: 1.7;
    --button-text-transform: uppercase;
    --button-radius: 100px;
    --button-border-width: 2px;
    --button-padding-block: 10px;
    --button-padding-inline: 20px;

    --button-green-bg: var(--color-action);
    --button-green-color: var(--color-on-action);
    --button-green-border: var(--color-action);
    --button-green-bg-hover: var(--color-action-hover);
    --button-green-color-hover: var(--color-on-action);
    --button-green-border-hover: var(--color-action-hover);

    --button-white-bg: var(--color-surface);
    --button-white-color: var(--color-action);
    --button-white-border: var(--color-surface);
    --button-white-bg-hover: var(--color-action);
    --button-white-color-hover: var(--color-on-action);
    --button-white-border-hover: var(--color-action);
}