/* Scroll to top button */
html {
    scroll-behavior: smooth;
}

#totop {
    visibility: hidden;
    color: $text-base-color;
    position: fixed;
    bottom: 60px;
    right: 30px;
    z-index: 1;
    border-radius: 10%;
    background-color: $go-top-bg;
    transition: visibility .5s,opacity .8s linear;

    &:hover {
        background-color: $go-top-bg-hover;
    }

    // center align icon vertically
    svg {
        margin: auto;
        display: block;
        height: 40px;
        width: 40px;
    }
}