diff --git a/style.css b/style.css index 31655d5..5e9ab2a 100644 --- a/style.css +++ b/style.css @@ -367,8 +367,8 @@ input[type="text"]:focus { opacity: 1; } -/* Settings styles */ -.settings-button { +/* Settings styles (so sigma) */ + .settings-button { position: fixed; bottom: 2rem; right: 2rem; @@ -384,12 +384,17 @@ input[type="text"]:focus { font-size: 1.25rem; color: var(--text); box-shadow: 0 4px 24px var(--shadow); -} + transition: transform 0.4s ease; + } + + .settings-button:hover { + transform: rotate(180deg); + } + + .settings-button:active { + transform: rotate(360deg); + } -.settings-button:hover { - transform: translateY(-2px); - box-shadow: 0 8px 32px var(--shadow); -} .settings-panel { max-height: 80vh; @@ -989,4 +994,4 @@ input:checked + .toggle-slider:before { padding: 0 8px; color: var(--text); font-size: 0.9rem; -} \ No newline at end of file +}