.btn-mandarine:focus,
.btn-outline-mandarine:focus {
    box-shadow: 0 0 0 0.2rem rgb(238, 120, 28, 0.25);
}

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

.btn-mandarine:hover {
    border-color: #f19349;
    background-color: #f19349;
    color: white;
}

.btn-outline-mandarine {
    border-color: var(--mandarine);
    color: var(--mandarine);
}

.btn-outline-mandarine:hover {
    border-color: var(--mandarine);
    background-color: #fdf2e8;
    color: var(--mandarine);
}

.btn-strong-blue:focus,
.btn-outline-strong-blue:focus {
    box-shadow: 0 0 0 0.2rem rgb(34, 29, 70, 0.25);
}

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

.btn-strong-blue:hover {
    border-color: #4e4a6b;
    background-color: #4e4a6b;
    color: white;
}

.btn-outline-strong-blue {
    border-color: var(--strong-blue);
    color: var(--strong-blue);
}

.btn-outline-strong-blue:hover {
    border-color: var(--strong-blue);
    background-color: #e9e8ed;
    color: var(--strong-blue);
}

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

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

.btn-magnolia:focus {
    box-shadow: 0 0 0 0.2rem rgb(236, 234, 245, 0.25);
}