From 06cb735b688b355762308ad6c03291014c86ca1f Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Wed, 12 Apr 2023 13:39:03 +1000
Subject: [PATCH] update component

---
 resources/js/components/SMButton.vue | 41 ++++++++++++++++------------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/resources/js/components/SMButton.vue b/resources/js/components/SMButton.vue
index 3b735e7..e6803a2 100644
--- a/resources/js/components/SMButton.vue
+++ b/resources/js/components/SMButton.vue
@@ -149,25 +149,32 @@ a:visited.sm-button,
 .sm-button {
     cursor: pointer;
     position: relative;
-    padding: map-get($spacer, 2) map-get($spacer, 4);
-    color: white;
+    font-family: var(--header-font-family);
     font-weight: 800;
-    border-width: 2px;
-    border-style: solid;
-    // border-radius: 24px;
-    // transition: background-color 0.1s, color 0.1s;
-    // background-color: $secondary-color;
-    // border-color: $secondary-color;
-    min-width: 7rem;
-    text-align: center;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
+    margin: 16px 32px 16px 32px;
+    padding: 16px 32px 16px 32px;
+    border: 0;
+    background-color: var(--base-color-light);
+    -webkit-backdrop-filter: blur(4px);
+    backdrop-filter: blur(4px);
+    color: var(--link-color);
 
-    background-color: rgba(255, 255, 255, 0.2);
-    border-color: transparent;
-    box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.1);
-    transition: all 0.1s ease-in-out;
+    // position: relative;
+    // padding: map-get($spacer, 2) map-get($spacer, 4);
+    // color: white;
+    // font-weight: 800;
+    // border-width: 2px;
+    // border-style: solid;
+    // min-width: 7rem;
+    // text-align: center;
+    // display: inline-flex;
+    // align-items: center;
+    // justify-content: center;
+
+    // background-color: rgba(255, 255, 255, 0.2);
+    // border-color: transparent;
+    // box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.1);
+    // transition: all 0.1s ease-in-out;
 
     -webkit-user-select: none;
     -moz-user-select: none;