.btn-custom{
    background: linear-gradient(to right, #3b59a6 0%, #d3c9c0 100%);
    color: #fff;
    padding: 0.4rem 2rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: bold;
    transition: filter 0.3s ease;
    text-align: center;
    white-space: nowrap;
    border: none;
    letter-spacing: 1px;
}

.btn-custom-outline{
    background: transparent;
    color: #16327B;
    padding: 6px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #16327B;
    letter-spacing: 1px;
    outline: 1px solid transparent;
    outline-offset: 2px;
}

.btn-remove{
    border: 1px solid #cc563d;
    color: #cc563d;
}

.btn-remove:hover{
    background: #cc563d!important;
    color: #fff;
    border-color: #cc563d;
}

.btn-custom-outline:hover{
    background: #16327B;
    color: #fff;
    outline-color: #16327B;
}

.btn-custom-outline:focus{
    outline-color: #16327B;
    box-shadow: 0 0 0 0.2rem rgba(34, 45, 87, 0.25);
}

.text-biege {
    color: #ffe5b8;
}


.btn-outline-primary {
    --vz-btn-color: #16327B;
    --vz-btn-border-color: #16327B;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #16327B;
    --vz-btn-hover-border-color: #16327B;
    --vz-btn-focus-shadow-rgb: 64, 81, 137;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #16327B;
    --vz-btn-active-border-color: #16327B;
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --vz-btn-disabled-color: #16327B;
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: #16327B;
    --vz-gradient: none;
}