.giving-component button,.button{
    width: min(100%,38ch);
    border: none;
    margin-right:auto;
    margin-left: auto;
    padding: 0 1ch;
    text-align: center;
    font-family: inherit;
    font-size: inherit;
    line-height: 2.618;
    font-weight: 400;
    border-radius:.618em}

.primary.button,.giving-component button{
    color: #fff;
    
    background:linear-gradient(to bottom,#0a6 0%,#063 100%);
    box-shadow:0 0 1.618em rgba(0,60,0,.13),0 .09em .146em rgba(0,20,0,.2),.09em .146em .236em rgba(0,30,0,.18),.146em .236em .382em rgba(0,40,0,.16),.236em .382em .618em rgba(0,50,0,.14),.382em .618em 1em rgba(0,50,0,.12)}

/*Donation Items*/
main>*>*>*:not(header,hgroup,h1,.h1,h2,.h2,h3,.h3,hgroup p,figcaption,small)+:is(.giving-component,.donationItem){margin-inline:min((100% - (var(--ch-unit)*38))/2,(var(--ch-unit)*12))}
.donationItem,.giving-component{height: 2.618em}

.giving-component{
    font-family:roboto, system-ui;
    height: calc(3.618em + 1ch);
    display: flex;
    flex-direction: column;
    gap:1ch;
    width: min(100%, var(--ch-unit)*50);
    margin-inline:auto
}

.diCartField,.diSlimWrap{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    position: relative}

.diCartField label,.diSlimTitleWrap{
    transition: all .5s;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    display: flex;
    justify-content: flex-end;
    gap:.618em;
    flex-basis: 62%;
    font-size: .618em;
    white-space: nowrap;
    padding:0 .382em}

.giving-component:focus-within .diCartField label{top: -1.618em}
body:not(.above-the-top) .banner .diSlimTitleWrap,body:not(.above-the-top) .banner .field-container label,body:not(.above-the-top) .banner .radio-container{color: #fff}
.diCartField .fa-usd2,.diCartField button,.diSlimAmt,.diSlimBtn{flex-basis: 50%}

.diCartField .fa-usd2,.diSlimAmt{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 2px solid #06ac42;
    border-right: none;
    border-radius: .618em 0 0 .618em;
    color: inherit;}

.diCartField .fa-usd2 input,.diInput input{
    width: 100%;
    height: calc(2.618em - 4px);
    font-family: inherit;
    font-size: inherit;
    color: #000;
    text-align: right;
    background: rgba(0,0,0,0);
    padding-right: 1ch;
    border: none!important;
    border-radius: .618em 0 0 .618em;}

.giving-component button,.diSlimBtn{
    position: relative;
    z-index: 2;
    height: 2.618em!important;
    border-radius: 0 .618em .618em 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%)}

.giving-component button:hover,.diSlimBtn:hover{color: #fff!important}

.donation-frequency{
    padding: 0 .382em;
    height: 1em;
    display: flex;
    gap:1em}