esefandClaude Opus 5
9abf266444
The landing page for ReVoltVPN, live at userevolt.app. Vanilla HTML, CSS and JavaScript: no framework, no build step, no dependencies. Every claim on the page is checked against the app it describes, which is the reason this is public. GPL-3.0, same as the app. Co-Authored-By: Claude Opus 5 <[email protected]>
37 lines
1.2 KiB
CSS
37 lines
1.2 KiB
CSS
/* ═══════════════════════════════════════════════════════════════════════════
|
|
components.css — Buttons
|
|
═══════════════════════════════════════════════════════════════════════════ */
|
|
|
|
.btn {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 0.5rem;
|
|
font-weight: 700;
|
|
font-family: var(--font-body);
|
|
border: none;
|
|
border-radius: var(--radius-btn);
|
|
cursor: pointer;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn--md { min-height: 44px; padding: 0 20px; font-size: 1rem; }
|
|
|
|
.btn--outline {
|
|
color: var(--color-accent);
|
|
background-color: transparent;
|
|
border: 1.5px solid var(--color-accent);
|
|
font-family: var(--font-mono);
|
|
font-size: 0.8125rem;
|
|
font-weight: 400;
|
|
text-transform: none;
|
|
letter-spacing: 0;
|
|
}
|
|
.btn--outline:hover { text-decoration: underline; }
|
|
.btn--outline:focus-visible {
|
|
outline: 2px solid var(--color-accent);
|
|
outline-offset: 2px;
|
|
}
|