ReVoltVPN website

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]>
2026-10-18 15:00:56 +03:00
commit 9abf266444
@@ -0,0 +1,36 @@
+/* ═══════════════════════════════════════════════════════════════════════════
+   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;
+}