From 078e07215a5f8915d1f44937ed48517b8850a265 Mon Sep 17 00:00:00 2001
From: Aljaz S <me@aljaxus.eu>
Date: Tue, 23 Nov 2021 14:47:26 +0100
Subject: [PATCH] animate button stylng

---
 src/template/style.ejs | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/template/style.ejs b/src/template/style.ejs
index ceabfd7..a2c489e 100644
--- a/src/template/style.ejs
+++ b/src/template/style.ejs
@@ -75,18 +75,28 @@ button {
     outline: solid 1px var(--c-accent);
     padding: 10px;
     vertical-align: top;
-    box-shadow: 3px 3px 1px 1px var(--c-accent);
+    box-shadow: 4px 4px 1px 1px var(--c-accent);
     color: var(--c-accent);
     margin: 0 4px 4px 0;
     cursor: pointer;
+    transition: all ease-in-out .2s;
 }
 
 input[type=submit]:focus,
 input[type=submit]:focus-visible,
-input[type=submit]:active,
+input[type=submit]:hover,
 button:focus,
 button:focus-visible,
+button:hover {
+    transition: all ease-in-out .2s;
+    border: none;
+    box-shadow: 2px 2px 1px 1px var(--c-accent);
+    margin: 2px;
+}
+
+input[type=submit]:active,
 button:active {
+    transition: all ease-in-out .2s;
     border: none;
     box-shadow: none;
     margin: 4px 0 0 4px;