diff --git a/src/DonationForms/resources/styles/components/_amount.scss b/src/DonationForms/resources/styles/components/_amount.scss
index f75ba6efbe..72fe18117c 100644
--- a/src/DonationForms/resources/styles/components/_amount.scss
+++ b/src/DonationForms/resources/styles/components/_amount.scss
@@ -88,6 +88,7 @@ $borderColor: #9A9A9A;
 
         &:focus-within {
             border-color: var(--givewp-primary-color);
+            outline: 1px solid var(--givewp-primary-color);
         }
     }
 
@@ -134,6 +135,7 @@ $borderColor: #9A9A9A;
             flex: 1;
             gap: var(--givewp-spacing-4);
             min-width: calc((100% - var(--givewp-spacing-2)) / 2);
+            outline: none;
 
             @media screen and (min-width: variables.$givewp-breakpoint-sm) {
                 min-width: calc((100% - var(--givewp-spacing-2) * 2) / 3);
@@ -143,7 +145,6 @@ $borderColor: #9A9A9A;
                 flex-basis: 100%;
                 padding-bottom: var(--givewp-spacing-2);
             }
-        ;
 
             .givewp-fields-amount__level {
                 &--description {
@@ -187,7 +188,11 @@ $borderColor: #9A9A9A;
         margin-bottom: 0;
         box-shadow: none;
 
-        &:hover {
+        &:focus {
+            outline: 1px solid var(--givewp-primary-color);
+        }
+
+       &:hover {
             border-color: var(--givewp-primary-color);
         }
 
@@ -197,8 +202,16 @@ $borderColor: #9A9A9A;
 
         &--selected {
             background-color: var(--givewp-primary-color);
-            border-color: var(--givewp-primary-color);
+            border: none;
             color: #fff;
+            
+            &:focus{
+                outline: none;
+            }
+
+            &:focus-visible {
+                outline: thick double var(--givewp-primary-color);
+            }
         }
     }
 
@@ -247,6 +260,10 @@ $borderColor: #9A9A9A;
             border-radius: var(--givewp-rounded-2);
             transition: background-color 100ms ease-in-out;
 
+            &:focus-within {
+                outline: thick double var(--givewp-primary-color);
+            }
+
             &:has(> input[type="radio"]:checked) {
                 background-color: var(--givewp-primary-color);
 
@@ -264,12 +281,8 @@ $borderColor: #9A9A9A;
         }
 
         input[type="radio"] {
-            display: none;
-
-            &:focus {
-                box-shadow: none;
-                outline: none;
-            }
+            position: absolute;
+            z-index: -999;
         }
     }
 }