.cat-wrap { padding: 24px 0; } .cat-hero { margin: 0 0 28px; } .cat-hero h2 { color: #AD6B97; margin: 0 0 12px; } .cat-hero p { color: #555; line-height: 1.8; } .cat-hero p strong { color: #222; } .cat-more { display: none; } .cat-more.open { display: block; } .cat-toggle-open { background: none; border: 0.5px solid #AD6B97; color: #AD6B97; border-radius: 6px; padding: 7px 18px; cursor: pointer; margin: 16px 0 0; display: inline-block; } .cat-toggle-open:hover { background: #AD6B97; color: #fff; } .cat-toggle-close { background: none; border: 0.5px solid #AD6B97; color: #AD6B97; border-radius: 6px; padding: 7px 18px; cursor: pointer; margin: 16px 0 0; display: inline-block; } .cat-toggle-close:hover { background: #AD6B97; color: #fff; } .cat-section {padding: 0 0 24px; margin: 0 0 24px; border-bottom: 0.5px solid #e8d5e2; } .cat-section:last-child { border-bottom: none; margin: 0; padding: 0; } .cat-label span { color: #fff; background: #AD6B97; border-radius: 6px; padding: 3px 10px; white-space: nowrap; display: inline-block; margin-top: 3px; } .cat-section h2 { color: #222; margin: 0 0 6px; } .cat-section p { color: #555; line-height: 1.7; } .cat-section p a { color: #AD6B97; text-decoration: none; } .cat-section p a:hover { text-decoration: underline; } 
.cat-scroll-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    padding: 9px 18px;
    border: 1px solid #AD6B97;
    border-radius: 6px;
    background: transparent;
    color: #AD6B97;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cat-scroll-button:hover {
    background: #AD6B97;
    color: #fff;
}