.donation-radios{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row-reverse;
margin: 0 -5px;
}
.donation-radios::after{
content: "" !important;
}
.donation-radios label{
flex: 1 0 21%;
margin: 5px;
width: 80px;
padding: 10px;
display: block;
cursor: pointer;
text-align: center;
background-color: #FFF;
color: #522178;
border: 2px solid #522178;
transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-webkit-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
}
.donation-radios label:hover,
.donation-radios label.active{
background-color: #9e83b6;
border-color: #9e83b6;
color: #FFF;
}
.donation-radios input{
display: none;
}

/* make add to cart button full width */
.single-product-donation .single_add_to_cart_button{
width: 100%;
}

/* hide default select options and price range */
.single-product-donation .reset_variations,
.single-product-donation .single_variation_wrap .single_variation,
.single-product-donation .variations select,
.single-product-donation .product-price-wrap{
display: none !important;    
}

/* remove margin on variations form */
.single-product-donation div.product form.cart .variations{
margin-bottom: 0;   
}

/* hide add to cart icon */
.single-product-donation .sf-icon-add-to-cart{
display: none;
}

/* set name your price same height as button */
.single-product-donation input.nyp-input{
margin-top: 0 !important;
height: 60px !important;
}

/* hide name your price label as we use a placeholder */
.single-product-donation .nyp-field-label{
display: none;
}

/* hide name your price period text */
.single-product-donation .nyp .subscription-details{
display: none;
}

/* make donation notes field full width */
.woocommerce textarea#ac_donation_notes_checkout_field{
width: 100% !important;
float: none !important;
}