diff options
Diffstat (limited to 'assets/css/main.css')
| -rw-r--r-- | assets/css/main.css | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 429d2f7..3dbf367 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1843,6 +1843,37 @@ html.theme-light .callout-warning { background: rgba(217, 119, 6, 0.06); } html.theme-light .callout-danger { background: rgba(239, 68, 68, 0.06); } html.theme-light .callout-success { background: rgba(0, 143, 90, 0.06); } +/* ============================================================ + CTA Block Shortcode + ============================================================ */ + +.cta-block { + position: relative; + margin: 2rem 0; + padding: 1.25rem 1.5rem; + background: rgba(168, 85, 247, 0.06); + border: 1px solid rgba(168, 85, 247, 0.2); + border-left: 3px solid var(--accent); + border-radius: 0.5rem; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 0.75rem; + box-shadow: 0 0 20px var(--accent-glow); +} + +.cta-block__caption { + font-size: 0.9rem; + color: var(--text-dim); + margin: 0; + line-height: 1.6; +} + +html.theme-light .cta-block { + background: rgba(124, 58, 237, 0.04); + box-shadow: none; +} + /* Motion Safety - Respect prefers-reduced-motion */ @media (prefers-reduced-motion: reduce) { |