/* GO-TOP-BUTTON */

.go-top-button {
    display: flex;
    justify-content: center;

    position: fixed;
    bottom: 6vh;
    right: 4vw;
    
    width: 6em;
    height: 6em;
    border-radius: 50%;

    background-color: var(--clr-light);

    transition: ease .2s;
}

.go-top-button svg {
    fill: var(--clr-dark);
    align-self: center;
}

.go-top-button:hover {
    fill: var(--clr-light);
    background-color: var(--clr-dark);
    border: 1px solid var(--clr-dark);
    box-shadow: .35rem .35rem .5rem rgba(0, 0, 0, 0.15),
    -.35rem -.35rem 1rem rgba(255, 255, 255, 0.3);
}

.go-top-button:hover svg {
    fill: var(--clr-light);
}

.go-top-button:active {
    border: 1px solid var(--clr-light);
}


/* --- --- --- --- --- --- --- */


@media(max-width: 52rem){
    .go-top-button {
        display: none;
    }
}