.favouritlistBtn .fa-solid.fa-heart,
.wishlist-icon .fa-solid.fa-heart,
.appointment-favorite-button.is-active i,
.appointment-favorite-button[aria-pressed="true"] i {
    color: var(--primary-color, #6428ff) !important;
}

.appointment-favorite-button {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 50%;
    background: #fff;
    color: #64748b;
    cursor: pointer;
}

.appointment-favorite-button:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--primary-color, #6428ff) 25%, transparent);
    outline-offset: 2px;
}