.torna-su {
    visibility: hidden;
    background-color: var(--holzhof-color-green);
    position: fixed;
    left: 1vw;
    bottom: 2vh;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    background-image: url("../svg/freccia_su.svg");
    background-size: 2rem;
    background-position: center;
    background-repeat: no-repeat;
}

.torna-su.active {
    visibility: visible;
    opacity: 1;
    bottom: 15px;
}

.btn-statici {
    height: max-content;
    right: 1vw;
    bottom: 2vh;
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    a {
        width: 3rem;
        height: 3rem;
        border-radius: 100%;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 1rem;
        background-size: 2rem;

        &:hover {
            opacity: 1;
        }
    }

    .instagram {
        background-color: var(--holzhof-color-grey);
        opacity: 0.2;
        background-image: url("../svg/instagram.svg");
    }

    .facebook {
        background-color: var(--holzhof-color-grey);
        opacity: 0.2;
        background-image: url("../svg/facebook.svg");
    }

    .linkedin {
        background-color: var(--holzhof-color-grey);
        opacity: 0.2;
        background-image: url("../svg/linkedin.svg");
    }

    .youtube {
        background-color: var(--holzhof-color-grey);
        opacity: 0.2;
        background-image: url("../svg/youtube.svg");
    }

    .static-btn-scrivici {
        display: flex;
        flex-direction: row;
        background-color: var(--holzhof-color-green);
        border: 2px solid var(--holzhof-color-white);
        align-items: center;
        margin-top: 2rem;

        &:hover {
            width: 7rem;
            border-radius: 5rem;

            p {
                visibility: visible;
            }
        }

        img {
            width: 2rem;
            height: 2rem;
            margin-left: 0.3rem;
        }

        p {
            visibility: hidden;
            font-weight: var(--holzhof-font-weight-normal);
            font-size: var(--holzhof-font-size-16);
            line-height: var(--holzhof-line-spacing-28);
            color: var(--holzhof-color-white);
            margin: 0px 0px 0px 0.5rem;
        }
    }
}