.btn {
    border: 0;
}

.btn-xs {
    height: 36px;
    padding: 5px 16px 7px;
    border-radius: 6px;
}

.btn-s {
    padding: 7px 18px 9px;
    height: 40px;
    border-radius: 6px;
}

.btn-m {
    padding: 10px 22px 12px;
    height: 48px;
    border-radius: 8px;
}

.btn-primary {
    background-color: #00AEFA;
    color: white;
}

.btn-primary:hover {
    background-color: #1FBBFF;
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #00A3EB;
}

.btn-primary:disabled {
    background-color: #04121B0A;
    color: #091E2A3D;
}

.btn-secondary {
    background-color: #E4FBFF;
    color: #1797CC;
}

.btn-secondary:hover {
    background-color: #CCF7FF;
    color: #1797CC;
}

.btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background-color: #BDF5FF;
    color: #1797CC;
}

.btn-secondary:disabled {
    background-color: #04121B0A;
    color: #091E2A3D;
}

.btn-inverted {
    background-color: #FFFFFF;
    color: #1797CC;
}

.btn-inverted:hover {
    background-color: #FFFFFFCB;
    color: #1797CC;
}

.btn-inverted:not(:disabled):not(.disabled):active, .show>.btn-inverted.dropdown-toggle {
    background-color: #FFFFFFA3;
    color: #1797CC;
}

.btn-inverted:disabled {
    background-color: #04121B0A;
    color: #091E2A3D;
}

.btn-salad {
    background-color: #ABEB00;
    color: black;
}

.btn-salad:hover {
    background-color: #B2F500;
}

.btn-salad:not(:disabled):not(.disabled):active {
    background-color: #A7E600;
}

.btn-salad:disabled {
    background-color: #04121B0A;
    color: #111F063D;
}