#donate-bonuses
{
    margin: 24px 0 44px;
}

.donate__bonuses-items
{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}


.donate__bonuses-item
{
    display: inline-flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

.donate__bonuses-item.active .donate__bonuses-item-value
{
    background: #fffbef;
    color: #232323;
}

.donate__bonuses-item.active .donate__bonuses-item-label
{
    color: #fffbef;
}


.donate__bonuses-item-value
{
    border-radius: 4px;
    background: rgba(255, 251, 239, .05);
    padding: 4px 6px;
    font-weight: 500;
    transition: all .2s ease;
    color: #fffbef99;
    line-height: 120%;
    font-size: 12px;
}

.donate__bonuses-item-label
{
    transition: all .2s ease;
    color: #fffbef99;
    font-style: italic;
    line-height: 120%;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .donate__bonuses-item-value
    {
        font-size: 10px;
    }

    .donate__bonuses-item-label
    {
        font-size: 12px;
    }
}