Code improvements

src/styles/App.css

@@ -27,6 +27,7 @@
 }
 
 .btn {
+  position: relative;
   border-radius: 100%;
   margin: 20px 20px 0px auto;
   font-family: 'Font Awesome 5 Free';

src/styles/Filters.css

@@ -33,8 +33,22 @@
     font-weight: 600;
 }
 
-.filter label {
+.filter > label {
     margin: 5px;
+    text-align: left;
+    margin-bottom: 5px;
+    font-family: 'Font Awesome 5 Free';
+    padding: 10px;
+    font-size: 1.1rem;
+    cursor: pointer;
+    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
+    color: #ffffffb6;
+    background-color:#273949;
+    border: none;
+}
+
+.filter label:active {
+    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
 }
 
 @keyframes fadein {

src/styles/Sort.css

@@ -33,13 +33,9 @@
     font-weight: 600;
 }
 
-.sort label {
-    margin: 5px;
-}
-
 .sort-by-btn {
+    margin: 5px;
     text-align: left;
-    margin-bottom: 5px;
     font-family: 'Font Awesome 5 Free';
     padding: 10px;
     font-size: 1.1rem;