.faq-item { border-bottom: 1px solid #c8c8c8; } .faq-trigger { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; } .faq-trigger h4 { margin: 0; transition: color 0.3s ease; } .faq-arrow { display: inline-block; transition: transform 0.3s ease; font-size: 12px; } .faq-content { display: none; padding-bottom: 20px; } .faq-item.is-open .faq-arrow { transform: rotate(180deg); } .faq-item.is-open .faq-trigger h4, .faq-item:hover .faq-trigger h4 { color: #67c805; }