diff --git a/extra_menu/extra.html b/extra_menu/extra.html
index 66a23b3..9b2cc85 100644
--- a/extra_menu/extra.html
+++ b/extra_menu/extra.html
@@ -25,8 +25,8 @@
       <a href="/extra_bus/italia/italia.html" class="button">Italia</a>
       <a href="/extra_bus/repubblica_ceca/repubblica_ceca.html" class="button">Repubblica Ceca</a>
       <a href="/extra_bus/austria/austria.html" class="button">Austria</a><br>
-      <a href="/extra_bus/san_marino/rsm.html" class="ybutton">Repubblica di San Marino</a>
-      <a href="/extra_bus/eventi/eventi.html" class="ybutton">Eventi</a>
+      <a href="/extra_bus/san_marino/rsm.html" class="wbutton">Repubblica di San Marino</a>
+      <a href="/extra_bus/eventi/eventi.html" class="wbutton">Eventi</a>
     </div>
   </div>
   <br>
diff --git a/style.css b/style.css
index acd7494..b9ded12 100644
--- a/style.css
+++ b/style.css
@@ -120,6 +120,37 @@ a.ybutton{
     box-shadow: none;
     transform: translateY(5px)
 }
+a.wbutton {
+    display: inline-block;
+    text-decoration: none;
+    font-size: 18px;
+    width: auto;
+    margin-bottom: 1rem;
+    margin-left: 10px;
+    margin-right: 10px;
+    padding: 0 20px;
+    font-weight: 700;
+    line-height: 48px;
+    letter-spacing: .1px;
+    white-space: wrap;
+    border-radius: 8px;
+    cursor: pointer;
+    color: black;
+    background-color: #ffc107; 
+    background-image: repeating-linear-gradient(
+        -45deg,
+        #ffc107 0px,
+        #ffc107 25px,
+        #d14600 25px,
+        #d14600 50px
+    );
+    box-shadow: 0 5px 0 #d14600;
+}
+
+a.wbutton:active {
+    box-shadow: none;
+    transform: translateY(5px);
+}
 footer{
     position: fixed;
     left: 8px;