﻿/* Desktop */
@media screen and (min-width: 601px) {
    .ButtonFloating1_Down {
        position: fixed;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        /* width: 150px; */
        bottom: 1px;
        border-radius: 4px;
        padding: 4px 16px 4px 16px;
        font-size: 1em;
        color: white;
        transition: all 0.3s ease-in 0s;
        //this is the key attribute cursor: pointer;
        text-align: center;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
        -webkit-transform: scale(1.50);
        transform: scale(1.50);
        background-color: #0066CC;
        cursor: pointer;
        width: fit-content;
    }

        .ButtonFloating1_Down:hover {
            position: fixed;
            bottom: 10px;
            box-shadow: none;
            -webkit-transform: scale(1.20);
            transform: scale(1.20);
        }

}
/* Mobile */
@media screen and (max-width: 600px) {
    .ButtonFloating1_Down {
        position: fixed;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        /* width: 80px; */
        bottom: 8px;
        border-radius: 4px;
        padding: 4px 8px 4px 8px;
        font-size: 0.8em;
        color: white;
        transition: all 0.3s ease-in 0s;
        //this is the key attribute cursor: pointer;
        text-align: center;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
        -webkit-transform: scale(1.50);
        transform: scale(1.50);
        overflow-y: hidden;
        background-color: #0066CC;
        cursor: pointer;
        width:fit-content;
        /* opacity: 0.3; */
    }
        .ButtonFloating1_Down:hover {
            position: fixed;
            bottom: 10px;
            box-shadow: none;
            -webkit-transform: scale(1.20);
            transform: scale(1.20);
            /* opacity: 1; */
        }
}



/* Desktop */
@media screen and (min-width: 601px) {
    .ButtonFloating1_Top {
        position: fixed;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        /* width: 150px; */
        top: 1px;
        border-radius: 4px;
        padding: 4px 4px 4px 4px;
        font-size: 1em;
        color: white;
        transition: all 0.3s ease-in 0s;
        //this is the key attribute cursor: pointer;
        text-align: center;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
        -webkit-transform: scale(1.50);
        transform: scale(1.50);
        background-color: #0066CC;
        cursor: pointer;
    }

        .ButtonFloating1_Top:hover {
            position: fixed;
            top: 10px;
            box-shadow: none;
            -webkit-transform: scale(1.20);
            transform: scale(1.20);
        }
}
/* Mobile */
        @media screen and (max-width: 600px) {
            .ButtonFloating1_Top {
                position: fixed;
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                /* width: 80px; */
                top: 1px;
                border-radius: 4px;
                padding: 4px 4px 4px 4px;
                font-size: 0.8em;
                color: white;
                transition: all 0.3s ease-in 0s;
                //this is the key attribute cursor: pointer;
                text-align: center;
                box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
                -webkit-transform: scale(1.50);
                transform: scale(1.50);
                overflow-y: hidden;
                background-color: #0066CC;
                cursor: pointer;
                /* opacity: 0.3; */
            }

                .ButtonFloating1_Top:hover {
                    position: fixed;
                    top: 10px;
                    box-shadow: none;
                    -webkit-transform: scale(1.20);
                    transform: scale(1.20);
                    /* opacity: 1; */
                }
        }


