.donationItem{
/*    height: 68px;*/
/*    margin-top: 16px*/
}
        
.diSlimWrap{
    border: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
/*    min-height: 42px!important;*/
/*    max-width: 464px;*/
/*    height: 42px;*/
    margin: 0;
    overflow: initial}

.diSlimTitleWrap{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    min-height: 16px;
    padding-right: 6px;
    background: none;}

.diSlimTitle,.diSlimPC{
    margin: 0;
    font-family: 'roboto mono',monospace;
    font-size: 10px;
    line-height: 16px;
    height: 16px;
    color: #333;
    white-space: nowrap;}

.diSlimTitle{margin-right: 1ch}

.diSlimAmt,.diSlimBtn{
    width: 50%;
    height: 42px}

.diSlimAmt{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fafafa;
    border: 2px solid #06ac42;
    border-right: none;
    border-radius: 10px 0 0 10px;
    padding: 0 10px}

.diSlimAmt input{
    background-color: rgba(0,0,0,0)!important;
    display: block;
    width: 100%;
    border: none;
    text-align: right}

.diSlimAmt input,.diDollar{
    font-size: 16px!important;
    line-height: 38px;
    color: #333;!important;
    height: 38px !important;
    margin: 0!important}

.diSlimBtn{
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    text-transform: none;
    color: #fff;
    border-radius: 0 10px 10px 0;
    box-shadow:0 0 110px rgba(0,136,68,.15),inset 4px 10px 16px rgba(50,190,66,.6),inset -4px -10px 16px rgba(0,102,51,.5),0 1px 2px rgba(0,34,13,.17),1px 2px 4px rgba(0,34,13,.17),2px 4px 6px rgba(0,34,13,.17),4px 6px 10px rgba(0,34,13,.17),6px 10px 16px rgba(0,0,0,.1);
    background: #06ac42;
    background:linear-gradient(to bottom, #06ac42 0%,#084 100%)!important}

@media (hover:hover){
    .green-button{transition: all .4s ease}
    .green-button:hover{filter: brightness(1.3)!important}
}