From f441fb86182e031e29cba9234115b199ec7c84e6 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Tue, 28 Apr 2026 23:05:58 +0000 Subject: [PATCH] Bob AI: Add a hover effect to the primary and secondary CTA buttons --- src/index.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/src/index.css b/src/index.css index ff6db15..26a2f9d 100644 --- a/src/index.css +++ b/src/index.css @@ -181,6 +181,14 @@ h6 { transition: transform 0.1s, box-shadow 0.1s; } +.primary-button:hover { + transform: translateY(2px); + box-shadow: + inset 0 1px 1px color-mix(in srgb, var(--color-primary-cta-text) 30%, transparent), + 0 2px 0 color-mix(in srgb, var(--color-primary-cta) 60%, black), + 0 4px 8px rgba(0, 0, 0, 0.3); +} + .primary-button:active { transform: translateY(4px); box-shadow: @@ -201,6 +209,14 @@ h6 { transition: transform 0.1s, box-shadow 0.1s; } +.secondary-button:hover { + transform: translateY(2px); + box-shadow: + inset 0 1px 1px color-mix(in srgb, var(--color-secondary-cta-text) 30%, transparent), + 0 2px 0 color-mix(in srgb, var(--color-secondary-cta) 60%, black), + 0 4px 8px rgba(0, 0, 0, 0.15); +} + .secondary-button:active { transform: translateY(4px); box-shadow: -- 2.49.1