/* Float Buttons */
.float-buttons {

    z-index: 1;
    z-index: 999;
    display: -ms-grid;
    display: grid;
    height: fit-content;
    background: rgba(135, 135, 134, 0.42);
    border-radius: 60px;
    padding: 5px;
    z-index: 9999;
    position: absolute;
    left: 1vw;
    }


    .float-buttons .float-button {}

    .float-buttons .float-button {
        background: #322B29;
        max-width: 50px;
        max-height: 50px;
        margin: 2px 0;
        padding: 10px;
        border-radius: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .float-buttons .title {
        left: 60px;
        background: rgba(0, 0, 0, 0.41);
        font-size: 16px;
        line-height: 16px;
        height: 30px;
        width: 150px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: white;
        border-radius: 20px;
        display: none;
    }

    .float-buttons .float-button:hover .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .float-buttons .float-button:hover {
        background: var(--color-primary);
    }



    @media(max-width:768px) {
        .float-buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 8px;
            padding: 5px;
            bottom: 40px;
            /* width: auto; */
            /* margin: 0 auto; */
            justify-content: space-between;
            max-width: 300px;
            width: 90%;
            /* position: absolute !important; */
        }

        .float-buttons .float-button {

            display: -webkit-box;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-pack: center;

            -ms-flex-pack: center;

            justify-content: center;

            -webkit-box-align: center;

            -ms-flex-align: center;

            align-items: center;

            /* width: 20%; */

            /* min-width: 40px; */

            /* min-height: 40px; */

            padding: 2%;

            margin: 0;

            width: 45px;

            height: 45px;
        }


        .float-buttons .float-button:hover .title {
            display: none;
        }



    }



    @media(min-width:1200px) {


        .float-buttons .float-button {
            background: #322B29;
            margin: 5px 0;
            padding: 8px;
            border-radius: 50px;
            width: 47px;
            height: 47px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
    }