::backdrop {
  background-color: rgba(0,0,0,.8);
  overflow: hidden;
}

.bcb-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin: 15px 0;
}

.bcb-list__title {
	font-size: 1.1rem;
}

.bcb-list__buttons {
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin-top: 35px;
	flex-wrap: wrap;
	justify-content: center;
}

button.bcb-c2a-button {
	font-size: 25px;
	color: #fff;
	fill: #fff;
	border-radius: 40px;
	padding: 22px;
	height: 74px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-transform: capitalize;
	transition: all .3s;
	flex: 1 auto;
	border: none;
}

button.bcb-c2a-button div {
	display: flex;
	gap: 5px;
	min-width: 70%;
	font-size: 25px;
}

button.bcb-c2a-button span {
	font-size: 25px;
	line-height: 17px;
	font-weight: 500;
	flex-grow: 1;
	color: #fff;
}

button.bcb-c2a-button svg {
	width: 1em;
	height: 1em;
	min-width: 1em;
	min-height: 1em;
	fill: #fff;
	margin-bottom: -0.5em;
	flex-grow: 0;
}

button.bcb-c2a-button[data-button-key="telegram_bot"] {
	background-color: #3AB1DE !important;
	order: 2;
}
button.bcb-c2a-button[data-button-key="telegram_bot"]:hover {
	background-color: #1F9AC9 !important;
}

button.bcb-c2a-button[data-button-key="viber_bot"] {
	background-color: #804E9B;
	order: 1;
}
button.bcb-c2a-button[data-button-key="viber_bot"]:hover {
	background-color: #693386;
}

.bcb-dialog {
	animation-duration: 1.5s;
	border-radius: 30px 30px 30px 30px;
	box-shadow: 2px 8px 23px 3px rgba(0,0,0,0.2);
	background-color: #fff;
	width: auto;
	overflow-y: scroll;
	max-width: 100%;
	max-height: 100%;
	padding: 3em;
	border: none;
	margin: auto;
	background-image: url('/wp-content/plugins/dbvv-bot-c2a-buttons/assets/img/pricing-bg.jpg');
	background-position: center center;
	background-size: contain;
	opacity: 1;
	box-sizing: border-box;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	line-height: 1.5;
}

.bcb-dialog__header {
	height: 170px;
	background-image: url('/wp-content/plugins/dbvv-bot-c2a-buttons/assets/img/header-bg.webp');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto 20px auto;
}

.bcb-dialog__girl {
	width: auto;
	height: 150px;
	img {
		transform: scale(1.1);
		object-fit: contain;
		width: auto;
		height: 100% !important;
	}
}

.bcb-dialog__title {
	color: #2B2B2B;
	font-size: 40px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1em;
	text-align: center;
	stroke: #000;
}

@media screen and (min-width: 767px) {
	.bcb-dialog {
		max-width: 600px;
		min-height; 400px;
	}
}

@media screen and (max-width: 767px) {
	.bcb-list__buttons {
		gap: 10px;
	}

	.bcb-list__buttons button.bcb-c2a-button {
		width: 100%;
		flex: unset;
		height: 61px;
	}
}