css work

assets/postcode_modal.css

@@ -1,5 +1,4 @@
 .postcode_modal {
-    backgrounnd: green;
     border-radius: 20px;
     box-shadow(10px);
     border: none;
@@ -27,29 +26,45 @@
     input[type="text"] {
         padding: .3rem;
         font-size: 1.4rem;
+        caret-color: hsl(344 98 40);
     }
 
     button {
         border: none;
         font-size: 1.4rem;
+        color: hsl(233 100 100);
         padding: .4rem 1rem;
         border-radius: 5px;
-        background: dodgerblue;
+        background: hsl(344 98 40);
+        border: 1px hsl(344 98 40) solid;
         margin: 0 0 0 .3rem;
+        transition: .2s all linear;
+
+        &:hover{
+            color: hsl(344 98 40 );
+            background: hsl(344 98 100);
+            cursor: pointer;
+        }
     }
 
     .form_fields {
         display: flex;
         justify-content: space-between;
         align-items: center;
+
+        &>{
+            display: flex;
+        }
     }
 
     &::backdrop {
-        backdrop-filter: blur(2px);
-        background-color: hsl(40deg 100 30 /0.5);
+        backdrop-filter: blur(1px);
+        background-color: hsl(40deg 100 0 /0.4);
+        background: radial-gradient(circle,rgba(33, 33, 33, 0.68) 0%, rgba(15, 15, 15, 0.8) 23%, rgba(0, 0, 0, 0.87) 100%);
     }
 
     .error_message_modal_postcode {
         min-height: 1lh;
-    }
+        color: hsl(344 98 40 );
+    }/* HTML: <div class="loader"></div> */
 }