.ek-pricing-table {

    .ek-pricing-title{
        @apply text-white text-[23px] font-bold leading-[26px] m-0;
    }

    .ek-pricing-icon {
        .icon {
            svg {
                width: 40px;
                height: 40px;
            }

            i {
                @apply text-white text-[40px] leading-[40px];
            }
        }
    }

    &.ek-featured{
        @apply before:absolute before:text-white before:text-[16px] before:bg-ekl-brand before:py-[5px] before:px-[10px] before:text-center before:z-[1] before:transition-all before:duration-300 before:ease-in-out;
    }

    &.ek-ribbon-two {
        @apply before:w-[200px] before:whitespace-nowrap before:z-[10];

        &.ek-ribbon-right {
            @apply before:top-[30px] before:-right-[55px] before:rotate-[45deg]
        }

        &.ek-ribbon-left {
            @apply before:top-[30px] before:-left-[55px] before:-rotate-[45deg]
        }
    }

    .ek-original-price {
        @apply inline-block text-white text-[40px] font-bold
    }

    .ek-sale-original-price {
        @apply text-[20px] leading-[18px] line-through inline-block text-white
    }

    svg {
        @apply transition-all duration-500 ease-in-out
    }

    .ek-button-before{
        @apply flex-row-reverse;
    }

    .ek-pricing-table-feature-tooltip{
        @apply relative cursor-pointer;
        &:hover{
            .ek-pricing-table-feature-tooltip-text{
                @apply opacity-100 visible z-[99];
            }
        }
    }

    .ek-disable-item{
        @apply line-through opacity-50;
    }

    .ek-pricing-button{
        @apply bg-white text-[#1b191a] text-[22px] hover:bg-ekl-brand-two hover:text-white;
    }
}