.btn-custom {
    padding: 8px;
    font-size: 18px;
    border-radius: 14px;
    border: 1px solid #2155785e;
    transition: background-color 0.3s ease;
    font-family: Satoshi-Variable;
    font-variation-settings: 'wght' 700;
    width:100%;
}
.btn-custom:disabled{
    background : #cbcdce;
    color: #727272;
}
.btn-custom-primary {
    background: #235b80;
    color:white;
}
.btn-custom-primary:hover:enabled {
    background-color: #1b4764;
    color:white;
}
.btn-custom-primary:active:enabled {
    background-color: #123044;
    color:white;
}

.btn-custom-secondary {
    background: #ffffff;
}
.btn-custom-secondary:hover:enabled {
    background-color: #12405f57;
    color: black;
}
.btn-custom-secondary:active:enabled {
    background-color: #073654b3;
    color: white;
}

.btn-custom-danger {
    background: #c06565;
    border: 1px solid #8e1d1f5e;
    color: white;
}
.btn-custom-danger:hover:enabled {
    background-color: #c14a4a;
    color: white;
}
.btn-custom-danger:active:enabled {
    background-color: #9d3131;
    color: white;
}

.btn-custom-warning {
    background: #9d972e;
    border: 1px solid #7864215e;
    color: white;
}
.btn-custom-warning:hover:enabled {
    background-color: #7e7922;
    color: white;
}
.btn-custom-warning:active:enabled {
    background-color: #5c5919;
    color: white;
}

.btn-custom-success {
    background: #198754;
    border: 1px solid #198754;;
    color: white;
}
.btn-custom-success:hover:enabled {
    background-color: #157347;
    color: white;
}
.btn-custom-success:active:enabled {
    background-color: #146c43;
    color: white;
}