.m-badge {
	--m-badge-background: transparent;
	--m-badge-border-color: transparent;
	--m-badge-color: #1D1D1B;
	--m-badge-border-width: 1px;
	color: var(--m-badge-color);
	white-space: nowrap;
	background-color: var(--m-badge-background);
	border: var(--m-badge-border-width) solid var(--m-badge-border-color);
	transition: background-color .25s ease-in-out, border-color .25s ease-in-out, color .25s ease-in-out;
}

.m-badge--rounded {
	border-radius: 999px;
}

.m-badge--square {
	border-radius: 4px;
}

.m-badge--xs {
	padding: 4px 8px;
	font-size: 12px;
	font-weight: var(--wp--custom--font-weight--medium);
}

.m-badge--xs.m-badge--square {
	padding: 2px 6px;
}

.m-badge--sm {
	padding: 4px 8px;
	font-size: 14px;
	font-weight: var(--wp--custom--font-weight--medium);
}

.m-badge--md {
	padding: 6px 10px;
	font-weight: var(--wp--custom--font-weight--medium);
}

.m-badge--md.m-badge--square {
	padding-right: 12px;
	padding-left: 12px;
}

.m-badge--xl {
	padding: 8px 12px;
	font-size: 18px;
	font-weight: var(--wp--custom--font-weight--medium);
}

.m-badge--xl.m-badge--square {
	padding-right: 16px;
	padding-left: 16px;
}

.m-badge--solid {
	--m-badge-border-color: var(--m-badge-background);
}

.m-badge--stroke {
	--m-badge-background: transparent;
}

.m-badge--default {
	--m-badge-border-color: #1D1D1B;
	--m-badge-color: #1D1D1B;
	font-weight: var(--wp--custom--font-weight--regular);
}

.m-badge--white-bg {
	--m-badge-background: #FFFFFF;
	--m-badge-border-color: #1D1D1B;
	--m-badge-color: #1D1D1B;
	font-weight: var(--wp--custom--font-weight--regular);
}

.m-badge--default.m-badge--xs,
.m-badge--white-bg.m-badge--xs {
	font-weight: var(--wp--custom--font-weight--medium);
}

.m-badge--white-bg.m-badge--rounded,
.m-badge--white.m-badge--rounded,
.m-badge--accent-2.m-badge--rounded,
.m-badge--blue-green.m-badge--rounded,
.m-badge--yellow.m-badge--rounded,
.m-badge--green.m-badge--rounded,
.m-badge--black.m-badge--rounded {
	padding-right: 16px;
	padding-left: 16px;
}

.m-badge--white-bg.m-badge--xs.m-badge--rounded,
.m-badge--white.m-badge--xs.m-badge--rounded,
.m-badge--accent-2.m-badge--xs.m-badge--rounded,
.m-badge--blue-green.m-badge--xs.m-badge--rounded,
.m-badge--yellow.m-badge--xs.m-badge--rounded,
.m-badge--green.m-badge--xs.m-badge--rounded,
.m-badge--black.m-badge--xs.m-badge--rounded {
	padding-right: 12px;
	padding-left: 12px;
}

.m-badge--white-bg.m-badge--md.m-badge--rounded,
.m-badge--white.m-badge--md.m-badge--rounded,
.m-badge--accent-2.m-badge--md.m-badge--rounded,
.m-badge--blue-green.m-badge--md.m-badge--rounded,
.m-badge--yellow.m-badge--md.m-badge--rounded,
.m-badge--green.m-badge--md.m-badge--rounded,
.m-badge--black.m-badge--md.m-badge--rounded {
	padding-right: 20px;
	padding-left: 20px;
}

.m-badge--white-bg.m-badge--xl.m-badge--rounded,
.m-badge--white.m-badge--xl.m-badge--rounded,
.m-badge--accent-2.m-badge--xl.m-badge--rounded,
.m-badge--blue-green.m-badge--xl.m-badge--rounded,
.m-badge--yellow.m-badge--xl.m-badge--rounded,
.m-badge--green.m-badge--xl.m-badge--rounded,
.m-badge--black.m-badge--xl.m-badge--rounded {
	padding-right: 24px;
	padding-left: 24px;
}

.m-badge--white {
	--m-badge-border-color: #FFFFFF;
	--m-badge-color: #FFFFFF;
}

.m-badge--accent-2.m-badge--solid {
	--m-badge-background: #3E8B93;
	--m-badge-color: #FFFFFF;
}

.m-badge--accent-2.m-badge--stroke {
	--m-badge-border-color: #C55553;
	--m-badge-color: #C55553;
}

.m-badge--blue-green.m-badge--solid {
	--m-badge-background: #26555A;
	--m-badge-color: #FFFFFF;
}

.m-badge--blue-sky.m-badge--solid {
	--m-badge-background: #CCE3FA;
	--m-badge-color: #393937;
}

.m-badge--blue-sky.m-badge--solid.m-badge--sm {
	font-size: 12px;
	font-weight: var(--wp--custom--font-weight--bold);
}

.m-badge--blue-sky.m-badge--solid.m-badge--md {
	font-size: 14px;
	font-weight: var(--wp--custom--font-weight--bold);
}

.m-badge--blue-sky.m-badge--solid.m-badge--xl {
	font-size: 16px;
	font-weight: var(--wp--custom--font-weight--bold);
}

.m-badge--yellow.m-badge--solid {
	--m-badge-background: #FFC564;
	--m-badge-color: #272726;
}

.m-badge--green.m-badge--solid {
	--m-badge-background: #49B087;
	--m-badge-color: #FFFFFF;
}

.m-badge--green.m-badge--stroke {
	--m-badge-border-color: #3A8D6C;
	--m-badge-color: #3A8D6C;
}

.m-badge--black.m-badge--solid {
	--m-badge-background: #272726;
	--m-badge-color: #FFFFFF;
}

.m-badge--black.m-badge--stroke {
	--m-badge-border-color: #272726;
	--m-badge-color: #272726;
}