.faq-question{
    cursor: pointer;
    transition: color .25s ease;
    &:hover{
        text-decoration: none;
        color: var(--c-pink-4);
    }
    &:before{
        content: "► ";
        font-size: 0.8em;
        color: inherit;
        display: inline-block;
        transform: rotate(0deg);
        transition: transform 0.2s ease-in-out;
        margin-right: .25rem;
    }
}
.faq-answer{
    --bt: 1px solid var(--c-pink-3);
    display: none;
    padding: .5rem 1rem .5rem;
    color: var(--c-pink-4);
    border-top: var(--bt);
    border-bottom: var(--bt);
    p:last-child{
        margin-bottom: 0;
    }
}
.faq-entry.open{
    .faq-question{
        color: var(--c-pink-4);
        border-bottom-color: var(--c-pink-3);
        &:before{
            transform: rotate(90deg);
        }
    }
    .faq-answer{
        display: block;
        animation: answerFadeInUp 0.35s ease forwards;
    }
}
@keyframes answerFadeInUp{
    0%{
        opacity: 0;
        transform: translateY(10px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}