.m-select-button {
	--m-select-button-background: transparent;
	--m-select-button-stroke-color: #5A5A58;
	--m-select-button-stroke-width: 1px;
	--m-select-button-color: #2F2F2D;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	gap: 10px;
	color: var(--m-select-button-color);
	font-family: var(--wp--preset--font-family--poppins);
	font-weight: var(--wp--custom--font-weight--medium);
	text-decoration: none;
	white-space: nowrap;
	background-color: var(--m-select-button-background);
	border: 0;
	border-radius: 999px;
	box-shadow: inset 0 0 0 var(--m-select-button-stroke-width) var(--m-select-button-stroke-color);
	transition: background-color .25s ease-in-out, box-shadow .25s ease-in-out, color .25s ease-in-out;
}

.m-select-button--version-1 {
	--m-select-button-background: #FFFFFF;
}

.m-select-button:hover,
.m-select-button:focus-visible {
	--m-select-button-stroke-color: #4AA6B0;
	--m-select-button-stroke-width: 2px;
	color: var(--m-select-button-color);
	text-decoration: none;
	outline: none;
}

.m-select-button--version-1:hover,
.m-select-button--version-1:focus-visible {
	--m-select-button-background: #C2E1E5;
}

.m-select-button--version-2:hover,
.m-select-button--version-2:focus-visible {
	--m-select-button-color: #327177;
}

.m-select-button.is-active,
.m-select-button[aria-current="page"],
.m-select-button[aria-pressed="true"],
.m-select-button--active {
	--m-select-button-background: #327177;
	--m-select-button-stroke-color: #327177;
	--m-select-button-stroke-width: 1px;
	--m-select-button-color: #FFFFFF;
}

.m-select-button--version-2.is-active:hover,
.m-select-button--version-2.is-active:focus-visible,
.m-select-button--version-2[aria-current="page"]:hover,
.m-select-button--version-2[aria-current="page"]:focus-visible,
.m-select-button--version-2[aria-pressed="true"]:hover,
.m-select-button--version-2[aria-pressed="true"]:focus-visible,
.m-select-button--version-2.m-select-button--active:hover,
.m-select-button--version-2.m-select-button--active:focus-visible {
	--m-select-button-background: #5A5A58;
	--m-select-button-stroke-color: #5A5A58;
	--m-select-button-color: #FFFFFF;
}

.m-select-button--md {
	min-height: 36px;
	padding: 8px 24px;
	font-size: 14px;
	line-height: 20px;
}

.m-select-button--md.m-select-button--version-2 {
	padding-right: 14px;
	padding-left: 14px;
}

.m-select-button--xl {
	min-height: 56px;
	padding: 12px 32px;
	font-size: 16px;
	line-height: 24px;
}

.m-select-button--xl.m-select-button--version-2 {
	padding-right: 24px;
	padding-left: 24px;
}

.m-select-button__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	color: currentColor;
}

.m-select-button--md .m-select-button__icon {
	width: 16px;
	height: 16px;
	flex-basis: 16px;
}

.m-select-button__icon svg {
	display: block;
	width: 100%;
	height: 100%;
}