*:has(> button[aria-haspopup]) {
	position: relative;	
}

button[aria-haspopup] {
	background: white;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	color: #262626;
	padding: 10px 20px;
}
button[aria-haspopup]::after {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	content: '\f107';
	margin-left: 20px;
}
button[aria-haspopup][aria-expanded="true"]::after {
	content:'\f106';
}

*:has(> button[aria-haspopup]) > [aria-hidden="true"] {
	display: none;
}

*:has(> button[aria-haspopup]) > [aria-hidden="false"] {
	display: block;
	position: absolute;
	top: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	background: white;
	box-shadow: 0 0 5px #0000001A;
	padding: 20px;
	border-radius: 4px;
	width: 375px;
}
@media (min-width: 646px) {
	*:has(> button[aria-haspopup]) > [aria-hidden="false"] {
		left: unset;
		transform: unset;	
	}
}