/* Pure CSS Hover Effects - No JavaScript Required */

/* Casino card hover effects */
.casino-card:hover .casino-logo {
    transform: rotate(360deg);
    transition: transform 0.6s ease;
}

.bonus-card:hover .bonus-icon {
    transform: scale(1.2);
    transition: transform 0.3s ease;
}

.guide-step:hover .step-number {
    transform: scale(1.1) rotate(5deg);
    transition: transform 0.3s ease;
}

.btn:active {
    transform: scale(0.98);
}

.filter-group select:hover,
.filter-group input:hover {
    border-color: var(--primary-red);
    box-shadow: 0 0 0 3px rgba(220, 20, 60, 0.1);
}

.stars:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

.rating-number:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

.casino-logo img {
  width: 32px;
  height: 32px;
}