/**
 * Services Section Block Styles
 */

.services-section {
    /* Custom styles can be added here */
}

.service-card {
    box-shadow: 0 4px 100px -50px color-mix(in srgb, var(--service-color) 50%, transparent) !important;
    transition: all 300ms ease-in-out !important;
}

.service-card:hover {
    box-shadow: 0 4px 100px -30px color-mix(in srgb, var(--service-color) 80%, transparent) !important;
}

/* Button hover effect on group hover */
.service-card:hover .service-cta-button {
    background-color: var(--btn-color) !important;
    color: #000 !important;
}