.wp-block-cleargov-header-product-type {
    line-height: 1.4;
}

.wp-block-cleargov-header-product-type h3,
.wp-block-cleargov-header-product-type p {
    display: inline;
    font-size: .75em !important;
    letter-spacing: -.015em;
}
.wp-block-cleargov-header-product-type h3 {
    color: var(--cg-hps-accent, inherit);
}

.wp-block-cleargov-header-product-type h3::after {
    content: ':';
}

.wp-block-cleargov-header-product-type p {
    font-weight: 500;
}

@media all and (max-width: 77em) {
    .wp-block-cleargov-header-product-type .wp-block-buttons {
        grid-template-columns: 1fr;
        margin-block: .5em 1em;
    }

    .wp-block-cleargov-header-product-type .wp-block-button {
        max-width: none;
    }

    .wp-block-navigation .wp-block-cleargov-header-product-type .wp-element-button {
        position: relative;
        display: block !important;
        font-size: .875em;
        font-weight: 700;
        width: auto;
        padding: 0 0 0 2.25em;
        border: 0;
        color: var(--blue-80);
    }

    .wp-block-navigation .wp-block-cleargov-header-product-type .wp-element-button:hover {
        background: none;
    }

    .wp-block-navigation .wp-block-cleargov-header-product-type .wp-element-button:active {
        box-shadow: none;
    }

    .wp-block-cleargov-header-product-type .wp-element-button::before {
        content: '\2bc8';
        font-family: 'Icons';
        font-size: .75em;
        position: absolute;
        top: .125em;
        left: .375em;
        background: none;
        mask: none;
        -webkit-mask: none;
        color: var(--blue-30);
    }
}

@media all and (min-width: 77em) {
    .wp-block-cleargov-header-product-type::before {
        content: '';
        position: absolute;
        top: 0;
        left: 2em;
        width: 1px;
        height: 100%;
        background: var(--gray-15);
    }

    .wp-block-cleargov-header-product-type h3 {
        display: block;
        font-size: 1.625em !important;
        letter-spacing: 0;
    }

    .wp-block-cleargov-header-product-type h3::after {
        display: none;
    }

    .wp-block-cleargov-header-product-type p {
        display: block;
        font-weight: 400;
        letter-spacing: -.01em;
    }
    
    .wp-block-cleargov-header-product-type .wp-block-buttons {
        flex-wrap: nowrap;
    }

    .wp-block-navigation .wp-block-cleargov-header-product-type .wp-element-button,
    .wp-block-cleargov-header .wp-block-navigation-item:not(.wp-block-cleargov-header-buttons) .is-style-icon>a:hover {
        color: var(--cg-hps-accent, inherit);
    }

    .wp-block-navigation .wp-block-cleargov-header-product-type .wp-element-button::before {
        background: currentColor;
    }
}