.btn-mandarine {
    color: white;
    background-color: var(--mandarine);
    border-color: var(--mandarine);

    &:hover {
        color: white;
        background-color: #f19349;
        border-color: #f19349;
    }
}

.btn-strong-blue {
    color: white;
    background-color: var(--strong-blue);
    border-color: var(--strong-blue);

    &:hover {
        color: white;
        background-color: #4e4a6b;
        border-color: #4e4a6b;
    }
}

.btn-magnolia {
    color: var(--strong-blue);
    background-color: var(--magnolia);
    border-color: var(--magnolia);

    &:hover {
        color: var(--strong-blue);
        background-color: #e5e2f3;
        border-color: #e5e2f3;
    }
}