.ptb-hold-timer {
	align-items: center;
	background: #eef8f6;
	border: 1px solid #b7dfd7;
	border-left: 5px solid #1a7898;
	border-radius: 8px;
	color: #204f57;
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
	margin: 0 0 1.25rem;
	padding: .85rem 1rem;
}
.ptb-hold-timer__icon {
	font-size: 1.25rem;
}
.ptb-hold-timer strong {
	font-size: 1.15rem;
	font-variant-numeric: tabular-nums;
	min-width: 3.4rem;
}
.ptb-hold-timer small {
	color: #59747a;
	flex-basis: 100%;
	margin-left: 1.75rem;
}
.ptb-hold-timer.is-urgent {
	background: #fff4e5;
	border-color: #efc47d;
	border-left-color: #d97706;
	color: #814b08;
}
.ptb-hold-timer.is-grace {
	background: #fff4e5;
	border-color: #efc47d;
	border-left-color: #d97706;
	color: #814b08;
}
.ptb-hold-timer.is-expired {
	background: #fcf0f1;
	border-color: #e7b8bc;
	border-left-color: #d63638;
	color: #8a2424;
}
.ptb-checkout-remove {
	display: block;
	font-size: .85rem;
	font-weight: 600;
	margin-top: .35rem;
}
.ptb-hold-timer--floating {
	bottom: 1.25rem;
	box-shadow: 0 10px 35px rgba(31, 45, 61, .2);
	display: block;
	margin: 0;
	max-width: calc(100vw - 2rem);
	position: fixed;
	right: 1.25rem;
	width: 330px;
	z-index: 9999;
}
.ptb-hold-timer__summary {
	align-items: center;
	display: flex;
	gap: .45rem;
	margin-bottom: .75rem;
}
.ptb-hold-timer--floating .ptb-hold-timer__continue {
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 100%;
}
.ptb-hold-timer--floating.is-expired {
	display: block;
}
@media (max-width: 480px) {
	.ptb-hold-timer--floating {
		bottom: .75rem;
		left: .75rem;
		max-width: none;
		right: .75rem;
		width: auto;
	}
}