/* shared-assets/css/hover.css */

/* Zoom in card on hover */
.card-hover:hover {
    transform: scale(1.03);
    transition: all 0.3s ease-in-out;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* Image zoom */
.img-hover:hover {
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}

/* Button hover effect */
.btn-hover:hover {
    opacity: 0.85;
    transition: opacity 0.3s ease;
}

/* Link underline on hover */
.link-hover:hover {
    text-decoration: underline;
}

/* Section fade on hover */
.section-hover:hover {
    background-color: #f9f9f9;
    transition: background-color 0.3s ease-in-out;
}

/* Add more reusable hover effects here as needed */