From ce6a336216ff1c91ebb0e72f7aba943e23a5a148 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=AA=E3=82=AD=E8=90=8C?= <commits@liquidev.net>
Date: Sun, 31 Aug 2025 14:52:25 +0200
Subject: [PATCH] make buttons pop out a bit more

---
 static/css/main.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 88db06d..0c12315 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -423,7 +423,9 @@ button {
     border: 1px solid var(--border-2);
     background-color: color-mix(in oklab, var(--background-color), white 25%);
     color: var(--text-color);
-    box-shadow: 0 1px 2px var(--border-1);
+    box-shadow:
+        0 1px 2px var(--border-1),
+        inset 0 -1px 2px rgb(from var(--shading-base) r g b / 0.05);
 
     border-radius: 0.75lh;
 
@@ -433,7 +435,9 @@ button {
         transform var(--transition-duration) var(--ease-out-quintic);
 
     &:hover {
-        box-shadow: 0 4px 6px var(--border-1);
+        box-shadow:
+            0 4px 6px var(--border-1),
+            inset 0 -1px 2px rgb(from var(--shading-base) r g b / 0.1);
         transform: translateY(-2px);
     }
 
@@ -443,7 +447,9 @@ button {
             var(--background-color),
             var(--shading-base) 5%
         );
-        box-shadow: 0 0 2px var(--border-1);
+        box-shadow:
+            0 0 2px var(--border-1),
+            inset 0 1px 2px rgb(from var(--shading-base) r g b / 0.1);
         transform: translateY(0);
         transition: none;
     }