.pk-scroll-to-top {
    --pk-scrolltop-background: #a0a0a0;
    --pk-scrolltop-icon-color: #FFFFFF;
    --pk-scrolltop-opacity: 1;
    --pk-scrolltop-opacity-hover: 0.7
}

.pk-scroll-to-top {
    background: var(--pk-scrolltop-background);
    display: none;
    position: fixed;
    left: -9999px;
    bottom: 2rem;
    opacity: 0;
    transition: opacity 0.25s
}

.pk-scroll-to-top.pk-active {
    opacity: var(--pk-scrolltop-opacity);
    left: auto;
    right: 2rem
}

.pk-scroll-to-top:hover {
    opacity: var(--pk-scrolltop-opacity-hover)
}

.pk-scroll-to-top .pk-icon {
    display: block;
    padding: .6rem;
    color: var(--pk-scrolltop-icon-color);
    line-height: 1;
    transition: opacity .2s ease
}

@media (min-width: 760px) {
    .pk-scroll-to-top {
        display:block
    }
}