#back-to-top {
    @apply text-center cursor-pointer mb-2 !hidden md:!block;

    transition: transform 200ms;

    a {
        @apply flex items-center justify-center w-12 h-12 bg-[#F0CAE3] rounded-full text-white relative;

        svg {
            @apply h-full w-full absolute top-0;

            transform: rotate(-90deg);

            circle {
                stroke-dasharray: 1000;
                stroke-dashoffset: 1000;

                transition: stroke-dashoffset 3s ease;
            }
        }

        &:hover svg circle {
            stroke-dashoffset: 0;
        }

        .atm-icon {
            &:before {
                @apply text-secondary-col-1 fa-solid;
            }
        }
    }

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