.button {
    display: inline-flex;
    gap: 0.75em;
    padding: 1.5em 3em;
    border-radius: 2em;
    background: var(--color-secondary);
    box-shadow: var(--shadow-element);
    color: var(--color-primary);
    font-weight: bold;
    /* font-size: clamp(1.5rem, 5.5vw, 1.75rem); */ /* 2026-08-27 */
    font-size: clamp(0.75rem, 3vw, 1.75rem);
    text-transform: uppercase;
    text-decoration: none;
    transition: all var(--duration-transition);
}

.button:hover,
.button:focus,
.button:active {
    scale: 1.1;
    outline: 0;
    background: var(--color-brand);
    color: var(--color-secondary);
}

.button .icon {
    font-size: 1.5em;
    font-weight: normal;
}