.links-footer {
    clear: both;
}

#button {
    display: inline-block;
    background-color: hsla(0,0%,100%,.8);
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 4%;
    right: 4%;
    transition: background-color .3s,opacity .5s,visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    /*color: #1bb5d9;*/
    color: #004A80;
}

    #button::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 1.2em;
        line-height: 30px;
    }

    #button:hover {
        cursor: pointer;
        /*color:#56CEEA;*/
        color: #00C0F3;
    }

    #button:active {
        /*color:#56CEEA;*/
        color: #00C0F3;
    }

    #button.show {
        opacity: 1.0;
        visibility: visible;
    }

@media (min-width: 500px) {
    #button {
        margin: 0;
    }
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

.show {
    display: block;
}