/*
 * E-REC Modern Button Effects
 * Soft cyan glow on hover only.
 * Landing page call-to-action buttons.
 */

.home-banner-button,
.btn-home-1 {
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
    .home-banner-button:hover,
    .btn-home-1:hover {
        background-color: #087fa3;
        border-color: #66e6f4;
        box-shadow:
            0 0 0 1px rgba(102, 230, 244, 0.6),
            0 0 12px rgba(52, 211, 235, 0.4),
            0 0 26px rgba(52, 211, 235, 0.2);
        transform: translateY(-2px);
    }
}

.home-banner-button:focus-visible,
.btn-home-1:focus-visible {
    outline: 2px solid #66e6f4;
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
    .home-banner-button,
    .btn-home-1 {
        transition: none;
    }

    .home-banner-button:hover,
    .btn-home-1:hover {
        transform: none;
    }
}