design: stylish request-access button on login page

This commit is contained in:
2026-05-08 13:05:02 +00:00
parent 116ffba42d
commit d7716fa569
+15 -9
View File
@@ -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);
}