Improve accessibility

fund-us/css/index.css

@@ -130,7 +130,7 @@ label
 .donationTypeButtonLabel
 {
 	width: 48%;
-	height: 30px;
+	height: 34px;
 	line-height: 30px;
 	text-align: center;
 	margin-bottom: 12px;
@@ -144,9 +144,15 @@ input[name="donationType"] {
 	display: none;
 }
 
+input[name="donationType"] + label {
+	border: 2px solid #eee;
+}
+
 input[name="donationType"]:checked + label {
-	background-color: #FFC3A7;
-	color: #82073B;
+	background-color: #D2D8ED;
+	color: #422D50;
+	box-sizing: border-box;
+	border: 2px solid #AAB5D6;
 }
 
 /* 	only add right margin to first button
@@ -163,7 +169,7 @@ input[name="donationType"]:checked + label {
 	display: block;
 	float: left;
 	width: 62px;
-	height: 85px;
+	height: 89px;
 	line-height: 85px;
 	margin-bottom: 10px;
 	margin-right: 10px;
@@ -194,10 +200,16 @@ input[name="donationType"]:checked + label {
 	text-align: center;
 }
 
+input[name="donationAmount"] + label
+{
+	border: 2px solid #eee;
+}
+
 input[name="donationAmount"]:checked + label
 {
 	color: #154652;
 	background-color: #AFE1E8;
+	border: 2px solid #76BCC7;
 }
 
 #otherDonationLabel
@@ -258,6 +270,7 @@ input[name="donationAmount"]:checked + label
 {
 	color: #ccc;
 	background-color: #eee;
+	border: 2px solid #eee;
 }
 
 @media only screen and (min-width: 380px) {