.mol-contact-info-cta {
    @apply fixed z-50 right-4 bottom-16 flex flex-col-reverse cursor-pointer text-center;

    * {
        @apply transition-all;
    }

    .contact-cta-toggle {
        @apply relative z-50;
    }

    &[data-contact-cta-state='not-active'] {
        .contact-cta-toggle {
            .active {
                @apply hidden;
            }
        }
    }

    &[data-contact-cta-state='active'] {
        .contact-cta-toggle {
            @apply bg-[#F0CAE3];

            .not-active {
                @apply hidden;
            }
            .active {
                @apply flex text-secondary-col-1;
            }
        }
    }

    #contact-cta-link-wrapper {
        @apply flex flex-col-reverse;

        .contact-cta-link,
        .back-to-top {
            @apply max-h-12 mb-2;
        }
    }
}