/* ---------- animations.css ---------- */
.btn,
a {
    transition: var(--transition);
}

.btn:hover,
a:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.btn:active,
a:active {
    transform: translateY(0);
    box-shadow: var(--shadow-sm);
}

.animal-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.animal-icon-link:hover {
    transform: scale(1.08) rotate(2deg);
}