.back-to-top {
    @apply inline-block text-center fixed right-4 bottom-20 lg:bottom-16 cursor-pointer;

    transition: transform 200ms;
    z-index: 1000;

    a {
        @apply block justify-center w-12 h-12 pt-1 ml-2 border-2 border-solid border-black text-black bg-white;

        .icon {
            @apply text-h2;
            transition: all 0.3s ease;
        }

        &:hover {
            @apply no-underline;

            .icon {
                transform: translatey(-5px);
            }
        }
    }

    .paragraph {
        @apply text-sm lg:text-md;
    }
}