/* .scroll-top-show {
    visibility: hidden;

    bottom: 20px;
    transform: translateY(20px);

    opacity: 0;
    pointer-events: none;
}

.scroll-top-show.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
} */

.scroll-top-show:not(.scroll-top-sm, .scroll-top-md, .scroll-top-lg)
{
    position: fixed;
    bottom: 20px;
    /* left: 50%; */

    transform: translateX(0) translateY(20px);
    opacity: 0;

    pointer-events: none;
    visibility: hidden;

    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        visibility 0.35s;
}

.scroll-top-show.show:not(.scroll-top-sm, .scroll-top-md, .scroll-top-lg)
{
    transform: translateX(0) translateY(0);
    opacity: 1;

    pointer-events: auto;
    visibility: visible;
}

/* lg */
@media (max-width: 992px) {
    .scroll-top-show.scroll-top-lg
    {
        position: fixed;
        bottom: 20px;
        /* left: 50%; */

        transform: translateX(0) translateY(20px);
        opacity: 0;

        pointer-events: none;
        visibility: hidden;

        transition:
            opacity 0.35s ease,
            transform 0.35s ease,
            visibility 0.35s;
    }

    .scroll-top-show.show.scroll-top-lg
    {
        transform: translateX(0) translateY(0);
        opacity: 1;

        pointer-events: auto;
        visibility: visible;
    }
}

/* md */
@media (max-width: 768px) {
    .scroll-top-show.scroll-top-md
    {
        position: fixed;
        bottom: 20px;
        /* left: 50%; */

        transform: translateX(0) translateY(20px);
        opacity: 0;

        pointer-events: none;
        visibility: hidden;

        transition:
            opacity 0.35s ease,
            transform 0.35s ease,
            visibility 0.35s;
    }

    .scroll-top-show.show.scroll-top-md
    {
        transform: translateX(0) translateY(0);
        opacity: 1;

        pointer-events: auto;
        visibility: visible;
    }
}

/* sm */
@media (max-width: 576px) {
    .scroll-top-show.scroll-top-sm
    {
        position: fixed;
        bottom: 20px;
        /* left: 50%; */

        transform: translateX(0) translateY(20px);
        opacity: 0;

        pointer-events: none;
        visibility: hidden;

        transition:
            opacity 0.35s ease,
            transform 0.35s ease,
            visibility 0.35s;
    }

    .scroll-top-show.show.scroll-top-sm
    {
        transform: translateX(0) translateY(0);
        opacity: 1;

        pointer-events: auto;
        visibility: visible;
    }
}

/* .scroll-2 {

} */