.button {
    display: flex;
    padding: 1.5em 3em;
    border-radius: 2em;
    background: var(--secondary-color);
    box-shadow: var(--element-shadow);
    color: var(--primary-color);
    font-weight: bold;
    text-transform: uppercase;
    transition: all var(--transition-duration);
}

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