Refactor existing CSS

Fixes #190

web/themes/custom/opdavies/assets/css/components/button.pcss

@@ -2,10 +2,6 @@
   @apply py-2 px-3 inline-block border border-blue-600;
   @apply text-sm text-white no-underline bg-blue-600 rounded;
 
-  &:focus {
-    @apply py-2 px-3 m-0
-  }
-
   &:active,
   &:focus,
   &:hover {

web/themes/custom/opdavies/assets/css/components/note.pcss

@@ -6,10 +6,6 @@
   }
 
   p a {
-    @apply text-black underline;
-
-    &:hover {
-      @apply no-underline
-    }
+    @apply text-black underline hover:no-underline
   }
 }

web/themes/custom/opdavies/assets/css/custom-base.pcss

@@ -15,11 +15,7 @@ img {
 }
 
 a {
-  @apply text-blue-700 no-underline;
-
-  &:hover {
-    @apply underline
-  }
+  @apply text-blue-700 no-underline hover:underline
 }
 
 blockquote {