.player-card__actions {
    gap: 20px;
    display: flex;
    justify-content: center;
}

.player-card__icon-number {
    flex: 1 0 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.player-card__icon-number p {
    margin: 0;
    color: var(--text-grey);
}

.player-card__action {
    all: unset;
    display: grid;
    place-items: center;
    width: clamp(36px, 5.2vw, 44px);
    height: clamp(36px, 5.2vw, 44px);
    border-radius: var(--border-radius);
    border: 1px solid transparent;
    color: var(--text-grey);
    cursor: pointer;
}

/* .player-card__action:hover {
    color: var(--text-white);
} */

.player-card__action svg {
    width: var(--size-icons-l);
    height: var(--size-icons-l);
    transition:
        transform 0.12s ease,
        opacity 0.12s ease,
        color 0.12s ease;
}

.like-btn .icon--on,
.save-btn .icon--on,
.cart-btn .icon--on {
    display: none;
}

.like-btn.is-liked .icon--off,
.save-btn.is-saved .icon--off,
.cart-btn.is-in-cart .icon--off {
    display: none;
}

.like-btn.is-liked .icon--on,
.save-btn.is-saved .icon--on,
.cart-btn.is-in-cart .icon--on {
    display: inline-block;
}

.like-btn.is-liked svg {
    color: var(--color-hearth-active);
}

.like-btn svg:hover {
    color: var(--color-hearth-active);
}

.save-btn.is-saved svg {
    color: var(--color-bookmark-active);
}

.save-btn svg:hover {
    color: var(--color-bookmark-active);
}

.cart-btn.is-in-cart svg {
    color: var(--color-shopping-active);
}

.cart-btn svg:hover {
    color: var(--color-shopping-active);
}

.comment-btn.has-comment svg {
    color: var(--color-comment-active);
}

.comment-btn svg:hover {
    color: var(--color-comment-active);
}