.ua-back-to-top {

    position: fixed;

    right: 1.25rem;

    bottom: 2rem;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 3rem;

    height: 3rem;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: rgba(255, 255, 255, .72);

    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);

    border: 1px solid rgba(255, 255, 255, .45);

    box-shadow:
        0 10px 30px rgba(15, 23, 42, .15),
        inset 0 1px 0 rgba(255, 255, 255, .7);

    color: var(--primary);

    font-size: 1rem;

    cursor: pointer;

    z-index: 1050;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: translateY(.75rem) scale(.92);

    will-change: opacity, transform;

    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s,
        background .25s ease,
        box-shadow .25s ease;

}

.ua-back-to-top.show {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateY(0) scale(1);

}

.ua-back-to-top:hover {

    background: rgba(255, 255, 255, .88);

    transform: translateY(-3px) scale(1.03);

    box-shadow:
        0 16px 40px rgba(15, 23, 42, .20),
        inset 0 1px 0 rgba(255, 255, 255, .8);

}

.ua-back-to-top:active {

    transform: scale(.95);

}

.ua-back-to-top i {

    font-size: .95rem;

    line-height: 1;

}

@media (max-width:991.98px) {

    .ua-back-to-top {

        right: .8rem;

        bottom: 5.2rem;

        width: 2.3rem;

        height: 2.3rem;

        font-size: .9rem;

    }

    .ua-back-to-top i {

        font-size: .85rem;

    }

}

@media (min-width:992px) {

    .ua-back-to-top {

        bottom: 2rem;

    }

}