diff --git a/src/options/options.css b/src/options/options.css index aeba427..395fb7a 100644 --- a/src/options/options.css +++ b/src/options/options.css @@ -40,7 +40,29 @@ html, body { .opt-brand { display: flex; align-items: center; - gap: 12px; + gap: 10px; + text-decoration: none; + color: inherit; + padding: 4px 8px; + margin: -4px -8px; + border-radius: var(--radius); +} + +.opt-brand:hover { + background: var(--bg-row); +} + +.opt-brand:hover .opt-back { + color: var(--accent); + transform: translateX(-2px); +} + +.opt-back { + font-size: 18px; + color: var(--fg-muted); + line-height: 1; + font-weight: 400; + transition: color 120ms ease-out, transform 120ms ease-out; } .opt-helmet { diff --git a/src/options/options.html b/src/options/options.html index 67ffb41..7d4b971 100644 --- a/src/options/options.html +++ b/src/options/options.html @@ -9,10 +9,11 @@