.rule-item-main {
    background-color: var(--epic-view-color);
    border-color: var(--epic-border-color);
    &:hover {
        border-color: var(--epic-primary-color);
    }
    .rule-btn-delete {
        pointer-events: none;
        opacity: 0;
    }
    &:hover > .rule-btn-delete {
        pointer-events: all;
        background-color: var(--epic-primary-color);
        opacity: 1;
    }
}
