diff --git a/css/index.css b/css/index.css index 24a20f7..07b7116 100644 --- a/css/index.css +++ b/css/index.css @@ -511,13 +511,36 @@ body { } .profile-btn { - padding: 8px 16px; - border: none; + padding: 8px 18px; + border: 1.5px solid transparent; border-radius: var(--border-radius-md); background: var(--color-text-primary); color: var(--color-background-primary); cursor: pointer; font-weight: 600; + font-family: inherit; + font-size: 13px; + letter-spacing: 0.01em; + transition: background 0.6s ease, + color 0.6s ease, + border-color 0.6s ease, + box-shadow 0.6s ease, + transform 0.6s ease; +} + +.profile-btn:hover { + background: #f0f0ee; + color: var(--color-text-primary); + border-color: var(--color-text-primary); + box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15); + transform: scale(1.0); + cursor: pointer; +} + +.profile-btn:active { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); + background: #e4e4e0; + border-color: var(--color-text-primary); } /* Footer */ diff --git a/index.html b/index.html index da78416..76fa7a8 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ StudyPlan - +