.button {
    display: inline-block;
    padding: 1rem 3rem;
    border-radius: 1rem;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    transition: all 250ms ease-in-out;
    border: none;
}

.button:hover {
    text-decoration: none;
    filter: brightness(0.8);
}

.button.orange {
    background-color: var(--color-brand-orange-light);
    color: var(--color-brand-blue);
}

.button.red {
    background-color: var(--color-brand-red);
    color: var(--color-primary-white);
}

.button.dark-red {
    background-color: var(--color-brand-dark-red);
    color: var(--color-primary-white);
}

.button.blue {
    background-color: var(--color-brand-blue);
    color: var(--color-primary-white);
}