diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 99854ed..27e8e38 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -1584,6 +1584,19 @@ body { .faq-item { padding: 0; overflow: hidden; + transition: all var(--transition-base); + border: 1px solid transparent; +} + +.faq-item:hover { + border-color: var(--primary-color); + box-shadow: 0 0 20px rgba(255, 81, 249, 0.2); + transform: translateY(-2px); +} + +.faq-item.open { + border-color: var(--primary-color); + box-shadow: 0 0 25px rgba(255, 81, 249, 0.25); } .faq-question { @@ -1595,10 +1608,6 @@ body { transition: background var(--transition-base); } -.faq-question:hover { - background: rgba(255, 255, 255, 0.05); -} - .faq-question h3 { font-size: var(--font-size-lg); font-weight: 600;