.response-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 4px;
    text-shadow: 2px 2px 10px black;
    text-decoration: none;
}

.btn-disabled {
    background-color: #808080;
    color: #adadad;
}
.btn-help {
    background-color: #e9ea05;
    color: black;
    border-color: #c9c9c9;
}
    .btn-help:hover {
        background-color: #ffffb4;
        color: black;
        border-color: #c9c9c9;
    }
.btn-gray {
    background-color: #6c757d;
    color: #ffffff;
}
    .btn-gray:hover {
        background-color: #565e64;
        color: #ffffff;
    }
    .btn-gray:disabled {
        background-color: #565e64;
        color: #c0c4c8;
    }
.btn-green {
    background-color: #03a441;
    color: #ffffff;
}
    .btn-green:hover {
        background-color: #035723;
        color: #ffffff;
    }
    .btn-green:disabled {
        background-color: #035723;
        color: #7fb795;
    }
.btn-blue {
    background-color: #0e0d4f;
    color: #ffffff;
}
    .btn-blue:hover {
        background-color: #27279e;
        color: #ffffff;
    }
    .btn-blue:disabled {
        background-color: #27279e;
        color: #7676ad;
    }
.btn-red {
    background-color: #ab1818;
    color: #ffffff;
}
    .btn-red:hover {
        background-color: #671313;
        color: #ffffff;
    }
    .btn-red:disabled {
        background-color: #5c0000;
        color: #aa7777;
    }
.btn-orange {
    background-color: #d0941e;
    color: #ffffff;
}
    .btn-orange:hover {
        background-color: #8b6519;
        color: #ffffff;
    }
    .btn-orange:disabled {
        background-color: #76540f;
        color: #918160;
    }
.btn-purple{
    background-color: #7614cd;
    color: #ffffff;
}
    .btn-purple:hover {
        background-color: #450f76;
        color: #ffffff;
    }
    .btn-purple:disabled {
        background-color: #39115e;
        color: #6c6177;
    }
.btn-yellow {
    background-color: #b5b60a;
    color: #ffffff;
}
    .btn-yellow:hover {
        background-color: #717105;
        color: #ffffff;
    }
    .btn-yellow:disabled {
        background-color: #585804;
        color: #898958;
    }
.btn-teal {
    background-color: #049b92;
    color: #ffffff;
}
    .btn-teal:hover {
        background-color: #015c56;
        color: #ffffff;
    }
    .btn-teal:disabled {
        background-color: #014743;
        color: #487b78;
    }
.btn-pink {
    background-color: #c405c7;
    color: #ffffff;
}
    .btn-pink:hover {
        background-color: #79037b;
        color: #ffffff;
    }
    .btn-pink:disabled {
        background-color: #59025a;
        color: #a06fa0;
    }


.floating-container-buttons {
    position: fixed;
    bottom: 50px;
    right: 50px;
    cursor: pointer;
}

.floating-container-buttons-2 {
    position: fixed;
    bottom: 75px;
    right: 50px;
    cursor: pointer;
}

.floating-container-buttons-3 {
    position: fixed;
    bottom: 100px;
    right: 50px;
    cursor: pointer;
}