.btn-red-glass {
    /* From https://css.glass */
    background: rgba(230, 63, 63, 0.9);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    border: 1px solid rgba(230, 63, 63, 0.01);
    color: whitesmoke;
    font-weight: 700;
}

.btn-red-glass:disabled {
    /* From https://css.glass */
    background: rgba(230, 63, 63, 0.9);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    border: 1px solid rgba(230, 63, 63, 0.01);
    color: whitesmoke;
}

.btn-red-glass:hover {
    background: rgba(35, 37, 48, 0.9);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    border: 1px solid rgba(248, 241, 241, 0.01);
    color: whitesmoke;
}

.btn-white-glass {
    /* From https://css.glass */
    background: #5eb090;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    border: 1px solid rgba(248, 241, 241, 0.01);
    color: #fffcf6;
    font-weight: 700;
}
/* .btn-white-glass {
    background: rgba(248, 241, 241, 0.9);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    border: 1px solid rgba(248, 241, 241, 0.01);
} */

.btn-white-glass:hover {
    background: rgba(35, 37, 48, 0.9);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    border: 1px solid rgba(248, 241, 241, 0.01);
    color: whitesmoke;
}

.btn-blue-glass {
    /* From https://css.glass */
    background: #5eb090;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    border: 1px solid rgba(248, 241, 241, 0.01);
    color: #fffcf6;
    font-weight: 700;
}
/* .btn-blue-glass {
    background: rgba(73, 101, 224, 0.9);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    border: 1px solid rgba(248, 241, 241, 0.01);
    color: whitesmoke;
} */

.btn-blue-glass:hover {
    background: rgba(35, 37, 48, 0.9);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    border: 1px solid rgba(248, 241, 241, 0.01);
    color: whitesmoke;
}

.btn-dark-glass {
    /* From https://css.glass */
    background: rgba(82, 83, 87, 0.9);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    border: 1px solid rgba(248, 241, 241, 0.01);
    color: whitesmoke;
}

.btn-dark-glass:hover {
    background:  rgba(248, 241, 241, 0.9);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    border: 1px solid rgba(248, 241, 241, 0.01);
    color: rgb(15, 15, 15);
}

.btn.btn-primary {
    --bs-btn-font-weight: 700;
    --bs-btn-bg: #102C57;
    --bs-btn-border-color: black;
    --bs-btn-color: white;
    --bs-btn-hover-bg: #DAC0A3;
    --bs-btn-hover-border-color: black;
    --bs-btn-hover-color: black;
}