.ek-age-gate-wrapper {
    @apply fixed top-0 left-0 z-[9999] w-full h-full items-center justify-center overflow-hidden bg-[rgba(0,0,0,0.4117647059)] after:content-[''] after:absolute after:top-0 after:right-0 after:bg-[rgba(0,0,0,0.5)] after:bottom-0 after:left-0 ;

    .ek-age-gate-boxes {
        @apply relative flex items-center flex-col justify-center p-[50px] w-full max-sm:px-[30px]
    }

    .ek-age-gate-image {
        @apply relative  inline-flex;

        img{
            @apply w-[60px];
        }
    }

    .ek-age-gate-equ-width-50 {
        @apply w-1/2 max-md:w-full max-md:min-w-full;
    }

    .ek-age-gate-side-image {
        @apply bg-center bg-no-repeat
    }

    .ek-age-gate-btn-ex{
        @apply items-center bg-gradient-to-r from-[#FF4E51] to-[#C9149D] gap-[10px] hover:from-[#C9149D] hover:to-[#FF4E51] inline-flex px-[25px] py-[15px] outline-none border-none rounded-[5px] bg-[#000] text-[#fff] font-semibold text-[14px] align-middle text-center leading-[1] no-underline transition-all duration-300 ease-in-out
    }
}

.ek-age-gate-confirm-dob,
.ek-age-gate-confirm-age-btn,
.ek-age-gate-confirm-yes-btn,
.ek-age-gate-confirm-no-btn {
    svg {
        @apply w-[12px] h-auto fill-white transition-all duration-300 ease-in-out
    }
}

.ek-age-gate-confirm-dob {
    .ek-age-gate-form-body {
        @apply w-[270px] max-w-max text-center
    }

}

.ek-age-gate-confirm-by-boolean {
    .ek-age-gate-form-body {
        @apply w-[270px] gap-[5px] flex items-center justify-center
    }
}

.ek-age-gate-confirm-no-btn {
    svg {
        @apply fill-[#5c5c5c]
    }

    &:hover {
        svg {
            @apply fill-white
        }
    }
}