/* 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: #FFBA00;
    }
    
    
    
    @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;
        }
    }