.c-scroll-to-top {
    position: fixed;
    pointer-events: none;
    bottom: 1.25rem;
    right: 1.25rem;
    padding: .3rem .5rem;
    background-color: var(--color-gray-900);
    transition: opacity $transition-time, background-color $transition-time, transform $transition-time;
    z-index: 1;
    opacity: 0;

    .c-icon {
        color: #fff;
        font-size: 1.5rem;
    }

    &:hover,
    &:focus {
        transform: translateY(-.25rem);
        background-color: var(--color-primary-600);
    }
}

.c-scroll-to-top--active {
    pointer-events: visible;
    opacity: 1;
}
