Update src/App.css

src/App.css

@@ -55,6 +55,44 @@ body {
   letter-spacing: 0.25px;
 }
 
+.voted-indicator {
+  font-size: 14px;
+  font-weight: 500;
+  margin: 8px 0 0 0;
+  color: #4CAF50;
+  letter-spacing: 0.25px;
+}
+
+/* Error Message */
+.error-message {
+  position: fixed;
+  top: 24px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: #CF6679;
+  color: #FFFFFF;
+  padding: 16px 24px;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
+  animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 1000;
+  max-width: 90%;
+  text-align: center;
+}
+
+@keyframes slideDown {
+  from {
+    transform: translateX(-50%) translateY(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(-50%) translateY(0);
+    opacity: 1;
+  }
+}
+
 /* Cats Grid */
 .cats-grid {
   display: grid;
@@ -96,6 +134,20 @@ body {
   transform: translateY(-2px);
 }
 
+.cat-button.disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.cat-button.disabled:hover {
+  transform: none;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
+}
+
+.cat-button:disabled {
+  pointer-events: none;
+}
+
 /* Ripple Effect */
 .ripple {
   position: absolute;