.post-faq {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
border: 1px solid #115efb33;
border-radius: 10px;
background: #fff;
overflow: hidden;
}
.post-faq__title {
margin: 0;
padding: 1rem 1.25rem;
font-family: "Sora", sans-serif;
font-size: var(--wp--preset--font-size--title-small);
color: #0058ff;
border-bottom: 1px solid #115efb33;
}
.post-faq__list {
display: block;
}
.post-faq__item {
border-bottom: 1px solid #115efb33;
}
.post-faq__item:last-child {
border-bottom: 0;
}
.post-faq__question {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 1rem 1.25rem;
font-weight: 600;
color: var(--wp--preset--color--default);
user-select: none;
-webkit-user-select: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.post-faq__question::-webkit-details-marker {
display: none;
}
.post-faq__question::after {
content: "";
width: 8px;
height: 8px;
border-right: 2px solid #115efb;
border-bottom: 2px solid #115efb;
transform: rotate(45deg);
transition: transform 0.25s ease, border-color 0.25s ease;
flex-shrink: 0;
margin-top: -3px;
}
.post-faq__item[open] .post-faq__question::after {
transform: rotate(225deg);
margin-top: 2px;
}
.post-faq__item:hover .post-faq__question {
background-color: #f5f9ff;
color: #0058ff;
}
.post-faq__answer {
padding: 0 1.25rem 1rem;
}
.post-faq__answer p {
margin: 0;
line-height: 1.7;
color: var(--wp--preset--color--default);
}