.page-header__toggle {
    line-height: 1.6;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: opacity 200ms 400ms;
}

.page-header__toggle__icon {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    transition: opacity 200ms 400ms;
}

.page-header__toggle .page-header__toggle__icon--close {
    opacity: 0;
}

.page-header.page-header--expanded .page-header__toggle[aria-expanded="true"] .page-header__toggle__icon {
    transition: opacity 200ms;
    opacity: 0;
}

.page-header.page-header--expanded .page-header__toggle[aria-expanded="true"] .page-header__toggle__icon--close {
    opacity: 1
}

@media (min-width: 62rem) {
    .page-header__toggle {
        display: none;
    }
}