/* styles.css */
.icon {
    font-size: 24px;
    color: #1E90FF;
    margin-right: 10px;
}

.blink {
    animation: blink-animation 1s forwards;
}

@keyframes blink-animation {
    0% {
        opacity: 1;
        transform: scale(1);
        color: black;
    }
    12% {
        opacity: 0.85;
        transform: scale(1.5);
        color: green;
    }
    25% {
        opacity: 0.7;
        transform: scale(2);
        color: red; /* Màu thứ nhất */
    }
    37% {
        opacity: 0.6;
        transform: scale(2.5);
        color: palevioletred; /* Màu thứ nhất */
    }
    50% {
        opacity: 0.5;
        transform: scale(3);
        color: orange; /* Màu thứ hai */
    }
    62% {
        opacity: 0.6;
        transform: scale(2.5);
        color: greenyellow; /* Màu thứ hai */
    }
    75% {
        opacity: 0.7;
        transform: scale(2);
        color: yellow; /* Màu thứ ba */
    }
    87% {
        opacity: 0.85;
        transform: scale(1.5);
        color: orchid; /* Màu thứ ba */
    }
    100% {
        opacity: 1;
        transform: scale(1);
        color: #1E90FF; /* Quay về màu ban đầu */
    }
}