.empty-card__img img {
    max-width: calc(100% - 0.5rem);
}
.empty-card__img {
    width: 3rem;
    flex: 0 0 3rem;
    height: 3rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: var(--color-green-1);
}.empty-card__img img {
     margin-bottom: -2rem;
     margin-right: -2rem;
     width: 3rem;
     height: auto;
 }
.empty-card__container {
    border-radius: 1rem;
    background-color:var(--color-gray-1);
    border: 1px solid var(--color-gray-1);
    padding: 2rem;
    gap: 1rem;
    box-shadow: none;
    color: var(--color-black);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2.5rem;
 }

.empty-card__container a:focus {
    background-color: transparent;
    border: none;
    color: var(--color-green-4);
    text-decoration: none;
}



@media(min-width:576px){
    .card.empty-card {
         margin-bottom: 1rem;
     }
    .empty-card__info{
        font-weight: var(--font-weight-regular);
        font-size: var(--text-size-S);
        text-align: center;
    }
    .empty-card__title{
        font-weight: var(--font-weight-bold);
        font-size: var(--text-size-M);
    }

}

@media(max-width:577px) {
    .card.empty-card {
        padding: 2rem 1.3rem;
    }
    .empty-card__info{
        font-weight: var(--font-weight-regular);
        font-size: var(--text-size-XS);
        text-align: center;
    }
    .empty-card__title{
        font-weight: var(--font-weight-bold);
        font-size: var(--text-size-M);
    }
}