sponsorship button changes

Author: Zaqttack

_includes/sponsor_section.html

@@ -2,7 +2,7 @@
 <!--    <h2>Our Sponsors</h2>-->
     <h2>Want to Sponsor ACM? Check out our packet!</h2>
 <!--    <h3>You can find the pack here</h3>-->
-    <a href="" target="_blank"><h3 class="sub-org-button">Comming Soon!</h3></a>
+    <a href="" target="_blank"><button><h3>Comming Soon!</h3></button></a>
 </div>
 
 <!--Liquid Template to add a sponsor-->

_site/index.html

@@ -242,7 +242,7 @@ <h4>Rowdy Creators</h4>
 <!--    <h2>Our Sponsors</h2>-->
     <h2>Want to Sponsor ACM? Check out our packet!</h2>
 <!--    <h3>You can find the pack here</h3>-->
-    <a href="" target="_blank"><h3 class="sub-org-button">Comming Soon!</h3></a>
+    <a href="" target="_blank"><button><h3>Comming Soon!</h3></button></a>
 </div>
 
 <!--Liquid Template to add a sponsor-->

_site/page2/index.html

@@ -242,7 +242,7 @@ <h4>Rowdy Creators</h4>
 <!--    <h2>Our Sponsors</h2>-->
     <h2>Want to Sponsor ACM? Check out our packet!</h2>
 <!--    <h3>You can find the pack here</h3>-->
-    <a href="" target="_blank"><h3 class="sub-org-button">Comming Soon!</h3></a>
+    <a href="" target="_blank"><button><h3>Comming Soon!</h3></button></a>
 </div>
 
 <!--Liquid Template to add a sponsor-->

css/custom/_style.scss

@@ -42,6 +42,26 @@ img {
   outline: none;
 }
 
+// this is ONLY for the sponsorship section without sponsors
+a > button {
+  background: transparent;
+  color: $primary;
+  border: transparent;
+  border-right: 1px solid $primary;
+  border-bottom: 1px solid $primary;
+  border-radius: 20px;
+  box-shadow: 8px 8px 8px $background-gray;
+  padding: 10px 25px;
+}
+
+a > button:hover,
+a > button:focus,
+a > button:focus-visible {
+  color: $primary;
+  box-shadow: 12px 12px 8px $background-gray;
+  outline: none;
+}
+
 /* ----------------------------------
   Header
 ----------------------------------- */