.spf-badge-wrap {
	position: relative !important;
}
.spf-seasonal-badge {
	position: absolute;
	pointer-events: none;
	background-color: var(--spf-badge-bg);
	color: var(--spf-badge-text);
	padding: 4px 12px;
	top: 12px;
	right: 12px;
	font-family: "Roc Grotesk", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	transition: all 200ms ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.spf-seasonal-badge .spf-badge-text {
	font-size: 11px;
}
.spf-seasonal-badge .spf-badge-subtext {
	font-size: 9px;
	opacity: 0.65;
}
.spf-badge--pill {
	border-radius: 50px;
}
.spf-badge--circle {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	padding: 0;
}
.spf-badge--flag {
	top: 20px;
	right: -30px;
	width: 150px;
	transform: rotate(45deg);
}
.spf-badge--triangle {
	background-color: transparent;
	width: 0;
	height: 0;
	border-top: 60px solid var(--spf-badge-bg);
	border-right: 60px solid var(--spf-badge-bg);
	border-bottom: 60px solid transparent;
	border-left: 60px solid transparent;
	top: 0;
	right: 0;
	padding: 0;
}
.spf-badge--triangle .spf-badge-content {
	position: absolute;
	top: -45px;
	right: -45px;
	transform: rotate(45deg);
	width: 80px;
}
.spf-badge--bookmark {
	top: 0;
	right: 20px;
	padding-bottom: 20px;
	clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}