From d7716fa569d9c21c4ddf35069709d228e9d28bf7 Mon Sep 17 00:00:00 2001 From: Ruslan Date: Fri, 8 May 2026 13:05:02 +0000 Subject: [PATCH] design: stylish request-access button on login page --- app/static/style.css | 24 +++++++++++++++--------- 1 file changed, 15 insertions(+), 9 deletions(-) diff --git a/app/static/style.css b/app/static/style.css index e8ab50a..d8dc4db 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -954,16 +954,22 @@ button { .request-access-btn { display: block; text-align: center; - margin-top: 1rem; - padding: 0.6rem 1rem; - border-radius: 8px; - border: 1px solid rgba(255,255,255,.2); - color: #a0b8cc; - font-size: .88rem; + margin-top: 1.1rem; + padding: 0.72rem 1.2rem; + border-radius: 10px; + border: 1px solid rgba(42,140,214,.45); + background: linear-gradient(135deg, rgba(22,117,180,.18) 0%, rgba(15,91,148,.12) 100%); + color: #6bbfff; + font-size: .9rem; + font-weight: 600; + letter-spacing: .03em; text-decoration: none; - transition: background .2s, color .2s; + box-shadow: 0 2px 12px rgba(42,140,214,.15), inset 0 1px 0 rgba(255,255,255,.08); + transition: background .2s, color .2s, border-color .2s, box-shadow .2s; } .request-access-btn:hover { - background: rgba(255,255,255,.07); - color: #dce8f5; + background: linear-gradient(135deg, rgba(42,140,214,.32) 0%, rgba(22,117,180,.22) 100%); + border-color: rgba(42,140,214,.75); + color: #c0dff8; + box-shadow: 0 4px 18px rgba(42,140,214,.28), inset 0 1px 0 rgba(255,255,255,.12); }