fix card styling

_scss/pages/home.scss

@@ -192,6 +192,10 @@ h1.homepage-title {
   padding: 20px;
   text-align: center;
 }
+.card:hover {
+  cursor: pointer;
+  text-decoration: none;
+}
 
 .card-icon {
   width: 60px;
@@ -200,13 +204,6 @@ h1.homepage-title {
   object-fit: cover;
 }
 
-.card-icon-big {
-  width: 60px; /* Desired width */
-  height: 60px; /* Desired height */
-  margin-bottom: 10px;
-  object-fit: cover;
-}
-
 // --------------------------------
 // Informational Layout Styles
 // --------------------------------

assets/js/main.js

@@ -44,7 +44,7 @@ if (usbButter && usbButterPlaceholder) {
     .then(response => {
       console.log(response);
       if (response.status === 200) {
-        usbButter.style.display = 'inherit';
+        usbButter.style.display = 'flex';
         usbButterPlaceholder.style.display = 'none';
       }
     }

index.html

@@ -11,7 +11,7 @@ layout: default
     <div class="card-set">
       <a href="{{ site.usb_butter_url }}" id="usb-butter" style="display: none;" data-url="{{ site.usb_butter_url }}"
         class="card">
-        <img src="{{ site.baseurl }}/assets/images/explore-icon.svg" alt="Explore Icon" class="card-icon-big">
+        <img src="{{ site.baseurl }}/assets/images/explore-icon.svg" alt="Explore Icon" class="card-icon">
         {% t explore %}
       </a>
       <div id="usb-butter-placeholder" class="card">