/* icon effects testing  */

span.material-symbols-outlined {

    transition: transform 0.3s ease, color 0.3s ease;
    color: blue;
}

span.material-symbols-outlined:hover {
    transform: scale(1.5);

    color: red;
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-20px);
    }

    60% {
        transform: translateY(-10px);
    }
}

.animated span.material-symbols-outlined.text-primary-emphasis {
    animation: bounce 1s infinite;
}