@keyframes big-heart {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.25);
    }
}

@keyframes sparks {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.btn-shad {
    transition: box-shadow 0.3s ease;
}

.card__icon-button {
    transition: border 0.3s ease;
}

.like-icon:hover .core {
    transition-delay: 0.03s;
}

.like-icon:hover .main-body,
.like-icon:active .main-body {
    transition-delay: 0.05s;
}

.like-icon .core,
.like-icon .main-body,
.like-icon:active .core {
    transition: fill 0.3s linear;
}

.like-icon .contour {
    transition: fill 0.1s linear;
}

.like-icon.is-liked .main-body {
    transition-delay: 0.05s;
}

.like-icon.is-liked .contour {
    transition-delay: fill 0.3s linear 0.06s;
}

.like-icon.is-liked .heart {
    transform-origin: center;
    animation: big-heart 0.3s ease-in 0.1s;
}

.like-icon.is-liked .sparks {
    animation: sparks 0.3s ease-in 0.3s;
}