.no-promotions-plans {
    &__mask {
        position: absolute;
        right: 12px;
        left: 12px;
        top: 8px;
        bottom: -12px;
        border-radius: 16px;
        border: 1px dashed var(--gray-300);
        z-index: 1;
    }

    &__crown-img {
        position: absolute;
        right: 8px;
        bottom: 0;
        width: 101px;
        height: 101px;

        .rtl & {
            right: auto;
            left: 8px;
        }
    }
}

.promotion-plan {

    &__footer {
        position: absolute;
        bottom: -40px;
        right: 16px;
        left: 16px;
        background-color: var(--gray-100);
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.02);
        transition: all 0.3s ease;

        p {
            color: var(--gray-500);
        }

        &-icon-box {
            background-color: var(--primary);
            transition: all 0.3s ease;

            svg {
                color: var(--white);
            }
        }
    }

    &:hover &__footer {
        background-color: var(--primary);

        h5 {
            color: var(--white);
        }

        p {
            color: var(--white);
            opacity: 0.75;
        }

        &-icon-box {
            background-color: var(--white);

            svg {
                color: var(--primary);
            }
        }
    }

}
