about summary refs log tree commit diff
path: root/components/Facebook/FacebookFindUsButton.vue
diff options
context:
space:
mode:
Diffstat (limited to 'components/Facebook/FacebookFindUsButton.vue')
-rw-r--r--components/Facebook/FacebookFindUsButton.vue29
1 files changed, 20 insertions, 9 deletions
diff --git a/components/Facebook/FacebookFindUsButton.vue b/components/Facebook/FacebookFindUsButton.vue
index 9a27c11..05aa9f6 100644
--- a/components/Facebook/FacebookFindUsButton.vue
+++ b/components/Facebook/FacebookFindUsButton.vue
@@ -1,24 +1,35 @@
 <template>
-  <a href="https://facebook.com/19pdhpuszcza" target="_blank" rel="noopener">
-    <div class="button">
-      <img class="image" src="/assets/social/find_us_fb.png" alt="Find us on Facebook" />
+  <a
+    class="button"
+    href="https://facebook.com/19pdhpuszcza"
+    target="_blank"
+    rel="noopener"
+  >
+    <div class="button-container">
+      <img
+        class="image"
+        src="/assets/social/find_us_fb.png"
+        alt="Find us on Facebook"
+      />
     </div>
   </a>
 </template>
 
 <style scoped>
 .button {
-  border: 2px solid #c4c4c4;
-  border-radius: 4px;
-
-  padding: 15px 40px;
   margin: 10px;
 }
 
-.button:hover {
+.button:hover .button-container {
   background-color: #efefef;
 }
 
+.button-container {
+  border: 2px solid #c4c4c4;
+  border-radius: 4px;
+  padding: 15px 40px;
+}
+
 .image {
   width: 200px;
 }
@@ -32,4 +43,4 @@
     width: 150px;
   }
 }
-</style>
\ No newline at end of file
+</style>