/*PREVENTS DONATION ITEM FROM OVERLAPPING CONTENT IN THE LAST SECTION*/


/*CENTER UNDER ELEMENT WITH 62ch MAX-WIDTH*/
:where(main>*>*>*):not(header,hgroup,h1,.h1,h2,.h2,h3,.h3,hgroup p,figcaption,small)+.action-container{
    margin-right:min((100% - 38ch)/2,12ch);
    margin-left:min((100% - 38ch)/2,12ch);}

.diSlimWrap{
    display: flex;
    flex-wrap: wrap}

.diSlimTitleWrap{
    display: flex;
    gap:2ch;
    flex-basis: 100%;
    font-size: .618em;
    white-space: nowrap;
    padding-left:.382em}

.diSlimAmt,.diSlimBtn{
    height: 2.618em;
    flex-basis: 50%}

.diSlimAmt{
    display: flex;
    align-items: center;
    background: #fff;
    border: 2px solid #06ac42;
    border-right: none;
    border-radius: var(--small,.75em) 0 0 var(--small,.75em);
    color: #000;
    padding-right:.236em;
    padding-left:.382em}

.diInput input{
    width: 100%;
    height: calc(2.618em - 4px)!important;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    text-align: right;
    border: none!important;
    border-radius: 0!important}

.diSlimBtn{
    line-height: 2.618;
    text-align: center;
    color: #fff;
    border-radius: 0 var(--small,.75em) var(--small,.75em) 0;
    box-shadow:0 0 1.618rem rgba(0,136,68,.2),0 .09rem .146rem rgba(0,34,0,.3),.09rem .146rem .236rem rgba(0,34,0,.2),.146rem .236rem .382rem rgba(0,68,14,.14),.236rem .382rem .618rem rgba(0,68,14,.13),.382rem .618rem 1rem rgba(0,68,14,.1);
    background:linear-gradient(to bottom, #06ac42 0%,#084 100%);
    transition: all .5s ease}

@media(hover:hover){.diSlimBtn:hover{filter: brightness(1.2)}}