.bc-push-root {
	position: fixed;
	z-index: 99999;
	box-sizing: border-box;
	font-family: inherit;
}

.bc-push-root *,
.bc-push-root *::before,
.bc-push-root *::after {
	box-sizing: border-box;
}

.bc-push-style-floating_bell {
	right: 18px;
	bottom: 18px;
	display: flex;
	align-items: flex-end;
	gap: 12px;
}

.bc-push-bell {
	width: 56px;
	height: 56px;
	border: 0;
	border-radius: 50%;
	background: #c95f7f;
	color: #fff;
	box-shadow: 0 14px 32px rgba(34, 41, 47, 0.22);
	cursor: pointer;
	font-size: 22px;
	line-height: 1;
}

.bc-push-card {
	width: min(380px, calc(100vw - 28px));
	padding: 18px;
	border: 1px solid rgba(40, 54, 62, 0.12);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 18px 42px rgba(34, 41, 47, 0.2);
	color: #243238;
}

.bc-push-style-bottom_banner {
	right: 0;
	bottom: 0;
	left: 0;
	padding: 14px;
}

.bc-push-style-bottom_banner .bc-push-card {
	width: min(920px, 100%);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 16px;
	align-items: center;
}

.bc-push-style-center_modal {
	inset: 0;
	display: grid;
	place-items: center;
	padding: 18px;
	background: rgba(24, 31, 35, 0.32);
}

.bc-push-style-inline_button {
	right: 18px;
	bottom: 18px;
}

.bc-push-copy {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.bc-push-template-content {
	margin-bottom: 14px;
}

.bc-push-mark {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #f6d7df;
	color: #7b3249;
	font-size: 18px;
}

.bc-push-copy h3 {
	margin: 0 0 6px;
	color: #1f2d35;
	font-size: 17px;
	line-height: 1.25;
	letter-spacing: 0;
}

.bc-push-copy p,
.bc-push-card p {
	margin: 0;
	color: #4f616b;
	font-size: 14px;
	line-height: 1.45;
}

.bc-push-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.bc-push-primary,
.bc-push-secondary,
.bc-push-subscribe-button {
	min-height: 40px;
	padding: 9px 14px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
}

.bc-push-primary,
.bc-push-subscribe-button {
	border: 1px solid #b84f6e;
	background: #c95f7f;
	color: #fff;
}

.bc-push-secondary {
	border: 1px solid #c7d6d0;
	background: #f7faf8;
	color: #2f4b43;
}

.bc-push-status {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.35;
}

.bc-push-status-warning {
	color: #8a4a16;
}

.bc-push-status-success {
	color: #1f6f4a;
}

.bc-push-steps {
	margin: 14px 0 0 22px;
	color: #33454d;
	font-size: 14px;
	line-height: 1.55;
}

.bc-push-root[dir="rtl"],
html[dir="rtl"] .bc-push-root {
	text-align: right;
}

@media (max-width: 640px) {
	.bc-push-style-floating_bell {
		right: 12px;
		bottom: 12px;
	}

	.bc-push-style-floating_bell .bc-push-card {
		position: fixed;
		right: 12px;
		bottom: 78px;
		left: 12px;
		width: auto;
	}

	.bc-push-style-bottom_banner .bc-push-card {
		grid-template-columns: 1fr;
	}

	.bc-push-actions {
		display: grid;
		grid-template-columns: 1fr;
	}
}