.blog-header {
    background-color: var(--wp--preset--color--secondary);

    .blog-header__wrapper {
        display: flex;
        align-items: baseline;
        gap: 24px;
        padding-top: 13px;
        padding-bottom: 17px;
        max-width: 1178px;
        margin: 0 auto;

        @media (min-width: 768px) {
            gap: 41px;
        }

        .blog-header__heading {
            font-weight: 800;
            font-size: var(--wp--preset--font-size--large);
            color: var(--wp--preset--color--white);
            display: flex;
            gap: 5px;
            white-space: nowrap;

            @media (min-width: 768px) {
                padding-right: 41px;
                border-right: 1px solid var(--wp--preset--color--green);
            }

            h1 {
                font-weight: 800;
                font-size: var(--wp--preset--font-size--large);
                margin: 0;
                color: var(--wp--preset--color--white);
                line-height: var(--wp--custom--line-height--body);

                a {
                    text-decoration: none;
                }

                span {
                    @media (max-width: 1023px) {
                        display: none;
                    }
                }
            }
        }

        .blog-header__categories {
            display: flex;
            justify-content: space-between;
            width: 100%;
            gap: 12px;

            @media (max-width: 767px) {
                display: none;
            }

            .blog-header__categories-links {
                display: flex;
                justify-content: space-between;
                gap: 12px;
                width: 100%;

                a {
                    font-weight: 400;
                    font-size: var(--wp--preset--font-size--font-18-px);
                    color: var(--wp--preset--color--white);
                    text-decoration: none;
                    padding-bottom: 4px;
                    border-bottom: 2px solid transparent;
                    transition: 0.25s;
                    white-space: nowrap;

                    &:hover {
                        border-bottom: 2px solid var(--wp--preset--color--tertiary);
                    }
                }
            }

            .blog-header__featured-link {
                font-weight: 400;
                font-size: var(--wp--preset--font-size--font-18-px);
                color: var(--wp--preset--color--white);
                text-decoration: none;
                padding-bottom: 4px;
                border-bottom: 2px solid transparent;
                transition: 0.25s;
                white-space: nowrap;

                &:hover {
                    border-bottom: 2px solid var(--wp--preset--color--tertiary);
                }
            }

            .featured {
                @media (max-width: 767px) {
                    display: none;
                }
            }
        }

        .blog-header__select {
            width: fit-content;
            font-weight: 400;
            font-size: var(--wp--preset--font-size--font-14-px);
            color: var(--wp--preset--color--white);
            background-color: transparent;
            cursor: pointer;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 0px center;
            padding-right: 22px;
            border: none;
            margin-left: auto;

            option {
                background-color: var(--wp--preset--color--secondary);
                color: var(--wp--preset--color--white);
            }

            @media (min-width: 768px) {
                display: none;
            }
        }
    }
}