.elementor-widget-blog-categories {
    --accent-color: var(--e-global-color-accent, #364151);
    --title-color: var(--e-global-color-primary, #364151);
    --text-color: var(--e-global-color-text, #0F172A);

    width: 100%;

    .container-categories {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .container-category {
        display: flex;
        flex-direction: column;
        gap: 20px;

        .header-category {
            display: flex;
            align-items: center;
            justify-content: space-between;

            .title-category {
                margin: 0;

                a {
                    font-family: 'Poppins', serif;
                    color: var(--title-color);
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 30px;
                }
            }

            .see-more {
                padding: 6px 12px;
                background: var(--accent-color);
                border: 1px solid var(--accent-color);
                border-radius: 80px;
                font-family: 'Poppins', serif;
                color: #FFFFFF;
                font-size: 14px;
                font-weight: 600;
                line-height: normal;
                cursor: pointer;
                transition: all 0.3s;

                &:hover {
                    color: var(--accent-color);
                    background: #FFFFFF;
                }
            }
        }

        .container-posts {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;

            .container-post {
                width: calc((100% / 3) - (30px - (30px / 3)));
            }
        }
    }

    @media (max-width: 1024px) {
        .container-categories {
            gap: 24px !important;
        }

        .title-category {

            a {
                font-size: 22px !important;
                line-height: 28px !important;
            }
        }

        .see-more {
            font-size: 12px !important;
        }

        .container-posts {
            gap: 20px !important;

            .container-post {
                width: 100% !important;
            }
        }
    }
}