.card {
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.artist-item-data {
    position: absolute;
    bottom: 3vh;               /* одинаковый отступ снизу с левой группой */
    right: 3vh;   
    display: flex;
    flex-direction: row;  
    height: 8vh;
    gap: 1.5vw
}

.artist-item-button {
    border: none;           /* отступ от правого края картинки */
    width: 10vw;
    background-color: #FFFFFF;
    border-radius: 3vw;        /* скругление, можно подобрать, по желанию, но в тз не указано — сделаем умеренное */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.5vw;
    color: #2C365A;
    font-weight: 500;
    transition: background-color 0.2s, transform 0.1s;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    white-space: nowrap;
    padding: 0 20px;
    z-index: 15;
}

.artist-item-added {
    border: none;              /* отступ от правого края картинки */
    width: 10vw;
    background-color: #2C365A;
    border-radius: 3vw;        /* скругление, можно подобрать, по желанию, но в тз не указано — сделаем умеренное */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.5vw;
    color: #FFFFFF;
    font-weight: 500;
    transition: background-color 0.2s, transform 0.1s;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    white-space: nowrap;
    padding: 0 20px;
    z-index: 15;
}

.artist-item-price {
    display: flex;
    align-items: center; /* Vertically centers children */
    justify-content: center; /* Optional: Horizontally centers children */
    color: #2C365A;
    background-color: #FFFFFF;
    border-radius: 3vw;
    width: 7vw;
}


@media (max-width: 1024px) {
    .artist-item-button {
        font-size: 2vw;
    }
}