a.button,
button.button,
button.accordion-header {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.button {
	display: flex;
	padding: 9px 12px;
	justify-content: center;
	align-items: center;
	width: 100%;
	border-radius: 33px;
	border: 1px solid var(--c_grey-8);
	background: var(--c_grey-7);
	color: var(--c_grey-3);
	text-align: center;
	font-size: 16px;

	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.06),
			rgba(255, 255, 255, 0.015)
		),
		rgba(0, 0, 0, 0.18);

	border: 1px solid rgba(255, 255, 255, 0.08);

	color: var(--c_grey-2);
	transition:
		background 140ms ease-out,
		border-color 140ms ease-out,
		color 120ms ease-out,
		box-shadow 160ms ease-out;
}

.button:hover {
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.10),
			rgba(255, 255, 255, 0.03)
		),
		rgba(0, 0, 0, 0.22);

	border-color: rgba(255, 255, 255, 0.12);
	color: var(--c_white);
}