1 files changed, 15 insertions, 30 deletions

diff --git a/src/css/buttons.css b/src/css/buttons.css
index 27d5db9..e4e3289 100644
--- a/src/css/buttons.css
+++ b/src/css/buttons.css
@@ -7,27 +7,24 @@
     margin: 0.75rem 0;
     padding: 0.75rem 2rem;
     cursor: pointer;
-}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice a.btn {
     line-height: normal;
+    text-align: center;
 }
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.primary {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.btn--primary {
     font-weight: bold;
     background-color: var(--ocean-blue-40);
     color: var(--btn-text-color);
 }
 
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.secondary {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.btn--secondary {
     font-weight: bold;
     background-color: var(--white);
     border-color: var(--navy);
 }
-
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.tertiary {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.btn--tertiary {
     background-color: var(--white);
     border-color: #a7a8a9;
 }
-
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:hover {
     background-color: var(--light-navy);
     border-color: var(--light-navy);
@@ -41,17 +38,6 @@
     color: var(--btn-text-color);
 }
 
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:focus:hover {
-    text-decoration: none;
-    outline: none;
-    color: var(--white);
-}
-
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice button.btn.primary:focus {
-    text-decoration: none;
-    outline: none;
-}
-
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:focus:before {
     content: " ";
     position: absolute;
@@ -68,6 +54,7 @@
     background-color: var(--grey1c-100);
     color: #76797c;
     border-color: #bbbcbc;
+    cursor: not-allowed;
 }
 
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:active {
@@ -76,21 +63,19 @@
     color: var(--white);
     background-color: #1d2e51;
 }
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.small {
-    max-width: 50%;
-}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn-group{
-    display: flex;
 
-}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn-group *{
-    max-width: calc(50% - 1rem);
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:focus:hover {
+    text-decoration: none;
+    outline: none;
+    color: var(--white);
 }
 
-/* Tablet (at least 40em) */
+/* Buttons fill entire horizontal width on displays below 640px (this number was taken from the original syling) */
 
-@media only screen and (min-width: 40em) {
-    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn ~ .btn {
-        margin-left: 0.5rem;
+@media only screen and (max-width: 639px) {
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn {
+        display: block;
+        width: 100%;
     }
+    
 }
\ No newline at end of file