diff --git a/css/gamerules.css b/css/gamerules.css
index 8de4696..3a45bad 100644
--- a/css/gamerules.css
+++ b/css/gamerules.css
@@ -70,6 +70,29 @@ body {
   border-color: #080126;
 }
 
+.random-button {
+  border: solid 0.1rem var(--border-color1);
+  border-radius: 0.6rem;
+  height: calc((100%) / 1.8);
+  width: auto;
+  text-align: center;
+  padding: 0.5rem;
+  font-family: "Roboto Mono", monospace;
+  font-weight: bold;
+  font-size: 1.1rem;
+  color: var(--primary-color);
+  background-color: var(--theme-color3);
+  transition: box-shadow 0.3s ease, transform 0.2s ease;
+  margin: 0 0.5rem; /* Add margin to separate buttons */
+}
+.random-button:hover {
+  box-shadow: 0.1rem 0.1rem 0.2rem var(--shadow-color2);
+}
+.random-button:active {
+  box-shadow: 0.1rem 0.1rem 0.2rem var(--shadow-color2);
+  transform: translateY(0.1rem);
+}
+
 @keyframes colorChange {
   0% {
     color: #3c0654; /* Initial color */