/* Site Header: search toggle button */
.header-regular__search-wrapper-toggle {
	background-color: transparent;
	border: 0;
	padding: 0;

	& svg {
		fill: var(--c-site-header-regular-icon);
		height: 20px;
		width: 20px;
	}

	&:focus,
	&:hover {

		& svg {
			fill: var(--c-site-header-regular-icon-hover);
		}
	}

	& .state-closed {
		display: none;
	}

	&[aria-expanded="true"] {

		& .state-closed {
			display: block;
		}

		& .state-expanded {
			display: none;
		}
	}
}