Stronger hover on gold buttons: brighter fill, lift and glow; v2.33.2
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
f3fdd32943
commit
b04a8b30cd
3 files changed
+25
-3
No files matched your search
+22
@@ -13913,3 +13913,25 @@ a.study-track-card:hover {
|
||||
.si-pill--on,
|
||||
.si-pill--on:hover { background: var(--brand-gold); border-color: var(--brand-gold); color: var(--brand-black); }
|
||||
.consent-actions .btn-secondary { background: rgba(201, 168, 76, 0.14); color: #ecdfb8; border-color: rgba(201, 168, 76, 0.5); }
|
||||
|
||||
/* ── Gold button hover: clearly brighter, lifted, with a glow ── */
|
||||
.btn-primary,
|
||||
.consent-btn--accept {
|
||||
transition: background 160ms, box-shadow 160ms, transform 160ms, opacity 200ms;
|
||||
}
|
||||
.btn-primary:not(:disabled):hover,
|
||||
.consent-btn--accept:hover {
|
||||
opacity: 1;
|
||||
background: #f0d276;
|
||||
color: #1a1608;
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 8px 22px rgba(201, 168, 76, 0.55), 0 0 0 3px rgba(240, 210, 118, 0.28);
|
||||
}
|
||||
.btn-primary:not(:disabled):active,
|
||||
.consent-btn--accept:active {
|
||||
transform: translateY(0);
|
||||
background: #c9a84c;
|
||||
box-shadow: 0 2px 6px rgba(201, 168, 76, 0.4);
|
||||
}
|
||||
.btn-primary:focus-visible,
|
||||
.consent-btn:focus-visible { outline: 2px solid #f0d276; outline-offset: 3px; }
|
||||
Reference in new issue
Block a user