.coupon-cut {
	position: absolute;
	top: -40px;
	left: 70px;
}

.pf-border-dashed-swap {
	border-top: 2px dashed var(--pf-border);
}

.coupon-tearable-swap::after,
.coupon-tearable-swap::before {
	position: absolute;
	content: '';
	top: -5px;
	width: 20px;
	height: 11px;
	z-index: 1;
	transform: rotate(-90deg);
	border: 1px solid var(--pf-border);
	background-color: var(--bg-light);
}

.coupon-tearable-swap::after {
	right: -6px;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	border-bottom-color: var(--bg-light);
	box-shadow: 0 3px 0 var(--bg-light);
}

.coupon-tearable-swap::before {
	left: -5px;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
	border-top-color: var(--bg-light);
	box-shadow: 0 -3px 0 var(--bg-light);
}

@media (min-width: 768px) {
	.pf-border-dashed-swap {
		border-top: none;
		border-left: 2px dashed var(--pf-border);
	}

	.coupon-tearable-swap::after,
	.coupon-tearable-swap::before {
		top: initial;
		left: -9px;
		transform: initial;
	}

	.coupon-tearable-swap::after {
		right: initial;
		bottom: -1px;
	}

	.coupon-tearable-swap::before {
		top: -1px;
	}
}