/* catalog/static/catalog/css/what_is_myincorpro.css
 * Hover effects externalised from templates/catalog/why_us/what_is_myincorpro.html (CSP script-src).
 *
 * Two elements declare the same property inline that their hover handler used to write
 * (border colour on the "See Features" button, box-shadow on the six feature cards) —
 * those resting values were moved out of the element's style= attribute and into the
 * matching rule below so the class can win the cascade instead of losing to a higher-
 * specificity inline declaration.
 */

.im-hover-lift-sm:hover {
    transform: translateY(-2px);
}

.im-outline-btn-hover {
    border: 2px solid rgba(255, 255, 255, 0.4);
    background: transparent;
}
.im-outline-btn-hover:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: white;
}

.im-hover-feature-card {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.im-hover-feature-card:hover {
    transform: translateY(-4px);
}
.im-hover-feature-card-purple:hover {
    box-shadow: 0 8px 24px rgba(49, 27, 146, 0.12);
}
.im-hover-feature-card-gold:hover {
    box-shadow: 0 8px 24px rgba(255, 179, 0, 0.12);
}

.im-hover-bg-purple-08:hover {
    background: rgba(49, 27, 146, 0.08);
}