:root {
	--icon-copy: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzYyMjdfMTg4NTMpIj4KPHBhdGggZD0iTTE0LjQ0NjEgMi41OTc3OUwxMi4yODUgMi41OTc3OUwxMi4yODUgMC42ODAyNjRDMTIuMjg1IDAuMzA0NTc3IDExLjk4MDUgLTEuMjA4MDVlLTA3IDExLjYwNDggLTEuMTY3MTllLTA3TDEuNTUzOTIgLTcuMzk4OTllLTA5QzEuMTc4MjMgLTMuMzEyNzhlLTA5IDAuODczNjU3IDAuMzA0NTc3IDAuODczNjU3IDAuNjgwMjY0TDAuODczNjU3IDEyLjcyMTlDMC44NzM2NTcgMTMuMDk3NiAxLjE3ODIzIDEzLjQwMjIgMS41NTM5MiAxMy40MDIyTDMuNzE0OTQgMTMuNDAyMkwzLjcxNDk0IDE1LjMxOTdDMy43MTQ5NCAxNS42OTU0IDQuMDE5NTIgMTYgNC4zOTUyIDE2TDE0LjQ0NjEgMTZDMTQuODIxOCAxNiAxNS4xMjY0IDE1LjY5NTQgMTUuMTI2NCAxNS4zMTk3TDE1LjEyNjQgMy4yNzgwNkMxNS4xMjY0IDIuOTAyMzcgMTQuODIxOCAyLjU5Nzc5IDE0LjQ0NjEgMi41OTc3OVpNMi4yMzQxOSAxMi4wNDE3TDIuMjM0MTkgMS4zNjA1M0wxMC45MjQ1IDEuMzYwNTNMMTAuOTI0NSAyLjU5Nzc5TDQuMzk1MjUgMi41OTc3OUM0LjAxOTU2IDIuNTk3NzkgMy43MTQ5OSAyLjkwMjM3IDMuNzE0OTkgMy4yNzgwNkwzLjcxNDk5IDEyLjA0MTdMMi4yMzQxOSAxMi4wNDE3Wk0xMy43NjU4IDE0LjYzOTVMNS4wNzU1MSAxNC42Mzk1TDUuMDc1NTEgMy45NTgzMkwxMy43NjU4IDMuOTU4MzJMMTMuNzY1OCAxNC42Mzk1WiIgZmlsbD0iI0ZGMEUwOSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzYyMjdfMTg4NTMiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
	--icon-cut: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF82MjI3XzE4ODU3KSI+CjxwYXRoIGQ9Ik0zLjM1MjM5IDAuNTAwMDIzQzIuMjk2NTUgMS4yMzkzMyAyLjAxODMgMi43MDkyNyAyLjc1NzY0IDMuNzY1M0w2LjU1OTQ1IDkuMTk1MjZMNS4xNzY5OCAxMS4xNjk3QzMuOTA3NjcgMTAuNDM0NiAyLjI2NTE1IDEwLjc4MDMgMS40MDgxNSAxMi4wMDQ0QzAuNTAzMzY4IDEzLjI5NyAwLjgxNzMzNiAxNS4wNzggMi4xMDk3NCAxNS45ODMxQzMuNDAyMTQgMTYuODg3OSA1LjE4MzQ4IDE2LjU3NDIgNi4wODg2NyAxNS4yODE2QzYuNzA5NyAxNC4zOTQ1IDYuNzU2MjkgMTMuMjc3MyA2LjMwNjg5IDEyLjM3MTNMNy45OTk3OSA5Ljk1Mjk0TDkuNjkzMDcgMTIuMzcxM0M5LjI0MzgyIDEzLjI3NzMgOS4yOTA0MSAxNC4zOTQ1IDkuOTExMjkgMTUuMjgxNkMxMC44MTY1IDE2LjU3NDIgMTIuNTk3NiAxNi44ODc5IDEzLjg5IDE1Ljk4MzFDMTUuMTgyNiAxNS4wNzggMTUuNDk2NiAxMy4yOTY4IDE0LjU5MTggMTIuMDA0NEMxMy43MzQ4IDEwLjc4MDUgMTIuMDkyMyAxMC40MzQ4IDEwLjgyMyAxMS4xNjk3TDkuNDQwMzUgOS4xOTUwN0wxMy4yNDIyIDMuNzY1NTVDMTMuOTgxNSAyLjcwOTQ5IDEzLjcwMzIgMS4yMzk1OCAxMi42NDc0IDAuNTAwMjdMOC4wMDAxNyA3LjEzNzg1TDMuMzUyMzkgMC41MDAwMjNaTTUuMjM1NjEgMTMuNjM2N0M1LjIzNTYxIDE0LjQ1NDYgNC41NzI1MiAxNS4xMTc3IDMuNzU0NjEgMTUuMTE3N0MyLjkzNjcxIDE1LjExNzcgMi4yNzM2MSAxNC40NTQ2IDIuMjczNjEgMTMuNjM2N0MyLjI3MzYxIDEyLjgxODUgMi45MzY3MSAxMi4xNTU3IDMuNzU0NjEgMTIuMTU1N0M0LjU3MjUyIDEyLjE1NTcgNS4yMzU2MSAxMi44MTg2IDUuMjM1NjEgMTMuNjM2N1pNMTMuNzI2NyAxMy42MzY3QzEzLjcyNjcgMTQuNDU0NiAxMy4wNjM2IDE1LjExNzcgMTIuMjQ1NyAxNS4xMTc3QzExLjQyNzggMTUuMTE3NyAxMC43NjQ3IDE0LjQ1NDYgMTAuNzY0NyAxMy42MzY3QzEwLjc2NDcgMTIuODE4NSAxMS40Mjc4IDEyLjE1NTcgMTIuMjQ1NyAxMi4xNTU3QzEzLjA2MzYgMTIuMTU1NyAxMy43MjY3IDEyLjgxODYgMTMuNzI2NyAxMy42MzY3WiIgZmlsbD0iI0ZGNTEwNSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzYyMjdfMTg4NTciPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iOSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTYuNSkgcm90YXRlKC05MCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}
.poker-room__wrapper {
	display: grid;
	grid-template-columns:1fr;
	gap: 15px;
	margin-bottom: 15px;
}
.poker-room__logo {
	display: block;
	width: 100%;
	object-fit: cover;
}
.poker-room__content {
	display: flex;
	flex-direction: column;
	box-shadow: 0px 3px 4px 0px #0000001A;
	background: #fff;
	padding: 16px;
	gap: 0px;
	order: 1;
}
.poker-room__title-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	justify-content: center;
}
.poker-room__name {
	font-size: 18px;
	font-weight: 700;
	line-height: 16px;
	text-align: left;
	color: #000;
}
.poker-room__label {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 13px;
	letter-spacing: 0.02em;
	text-align: left;
	text-transform: uppercase;
	padding: 3px;
	border-radius: 3px;
	background: linear-gradient(180deg, #FF7A00 0%, #FF0909 100%);
}
.poker-room__promo-wrapper {
	margin-top: 12px;
	padding: 10px 0;
	display: flex;
	text-align: center;
	border-top: 1px solid rgba(229, 229, 229, 0.302);
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.poker-room__bonus {
	color: #1B1F2F;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	pointer-events: none;
}
.poker-room__promo-code {
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	position: relative;
	cursor: pointer;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	color: #1B1F2F;
	background: linear-gradient(180deg, #F4F4F7 0%, #FFFFFF 100%);
	padding: 12px;
	width: 100%;
	border-radius: 4px;
	justify-content: center;
	border: 1px dashed #FF5105;
}
.poker-room__promo-code:before {
	background: var(--icon-cut) center center / contain no-repeat;
	content: '';
	height: 16px;
	width: 9px;
	position: absolute;
	display: block;
	left: -9px;
}
.poker-room__promo-code span {
	border-bottom: 1px dashed #FF0E09;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	pointer-events: none;
	color: #FF0E09;
}
.poker-room__promo-code:hover {
	background: #f3f3f3;
}
.poker-room__promo-code:after {
	background: var(--icon-copy) center center / contain no-repeat;
	content: "";
	height: 16px;
	width: 16px;
	display: block;
	pointer-events: none;
	margin-left: -5px;
}
.poker-room__buttons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	align-items: center;
	list-style: none !important;
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
}
.poker-room__buttons li {
	margin: 0 !important;
	position: relative;
}
.poker-room__buttons li:before {
	display: none;
}
.room-play, .room-app {
	padding: 9.5px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	line-height: 16.41px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	display: block;
	color: #fff;
}
.room-play {
	background: linear-gradient(180deg, #FFB800 0%, #FF0909 100%);
}
.room-play:hover {
	background: #FF0909;
}
.room-app {
	background: #ECF1F7;
	color: #17A100;
	position: relative;
	z-index: 1;
}
.room-app:hover {
	background: #dcdfe2;
}
@media (min-width: 768px) {
	.poker-room__wrapper {
		grid-template-columns:1fr 1fr;
		gap: 20px;
	}
	.poker-room__content {
		justify-content: center;
	}
	.poker-room__logo {
		height: 100%;
		max-height: 223px;
		object-fit: cover;
	}
	.poker-room__content {
		padding: 16px;
	}
}