.guide-tooltip {
    @apply absolute md:top-0 md:right-[-49px] md:bottom-auto md:left-auto left-0 right-0 bottom-[-30px];

    &__overlay {
        background: rgba(68, 68, 68, 0.20);
        @apply fixed top-0 left-0 bottom-0 right-0 z-[3];
    }

    &__content {
        @apply relative z-[1];
    }

    &__card {
        fill: #FFF;
        filter: drop-shadow(0px 59.85436248779297px 117.71359252929688px rgba(0, 0, 0, 0.18));
        @apply absolute z-10 px-6 py-7 bg-white md:min-w-[343px] rounded-[3px];

        .arrow {
            @apply w-[18px] h-[18px] bg-white absolute z-0 md:top-[20px] top-[-8px] md:left-[-8px] left-[20px] rotate-45 m-0 bottom-auto;

            &:after {
                display: none;
            }
        }

        

        .btn-tooltip {
            transition: all 0.3s ease;
            @apply text-xs font-bold px-[10px] py-[5px] rounded-[4px] border border-solid border-[#3858E9] bg-[#3858E9] hover:bg-white hover:text-[#3858E9] text-white;
        }
    }
}