.donation-list {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.donatItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px 30px;
    background-color: #fff;
    border-radius: 16px
}

.donatItem__block-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-bottom: 8px
}

.donatItem__block-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-family);
    font-size: 14px;
    color: rgba(31,27,26,.6)
}

.donatItem__separator {
    width: 4px;
    height: 4px;
    opacity: .2;
    background-color: rgba(31,27,26,.6);
    border-radius: 50%
}

.donatItem__donat {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 700;
    color: #1f1b1a
}

.donatItem__status {
    font-family: var(--font-family);
    font-size: 16px;
    color: #4dbe28
}

.donatItem__status--reject {
    color: #eb5757
}

.donatItem__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 700;
    color: #1f1b1a
}

@media (max-width: 1024px) {
    .donatItem {
        padding: 20px 25px
    }
}

@media (max-width: 743px) {
    .donatItem {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .donatItem__block-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 24px
    }

    .donatItem__block-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .donatItem__separator {
        display: none
    }
}