.search-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
		border-radius: var(--btn-radius);
	border: 0.5px solid rgba(255, 255, 255, 0.50);
	background: var(--wp--preset--gradient--purple);
	padding: var(--spacing-10);
	color: var(--white);
	cursor: pointer;
	transition: background 0.3s ease, border-color 0.3s ease;

	svg {
		width: 20px;
		height: 20px;
	}

	path {
		fill: var(--white);
	}

	&:hover,
	&:focus {
		background: var(--purple-500);
	}
}