.room-post-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 24px;
}

.room-post-card {
	position: relative;
	background: var(--mirage-950);
	height: 287px;
	border-radius: 12px;
}

.room-post-card .room-post-card-img {
	padding: 40px 38px 105px 38px;
	object-fit: contain;
}

.room-post-card:hover .room-post-card-img {
	opacity: .9;
}

.room-post-card-body {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-right: 15px;
}

.room-post-card .room-rating,
.room-post-card-title,
.room-post-card-bonus {
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: var(--mirage-950);
	background: var(--mirage-50);
	line-height: 22px;
	margin-bottom: -2px;
}

.room-post-card .room-rating {
	top: 5px;
	padding: 12px 24px 0 0;
	border-radius: 0 16px 0 0;
}

.room-post-card-title {
	padding: 12px 24px 12px 0;
	border-radius: 0 16px 16px 0;
	transition: color ease .1s;
}

.room-post-card-title:hover {
	color: var(--thunderbird-600);
}

.room-post-card-bonus {
	padding-right: 12px;
}

.room-post-card .room-rating::before,
.room-post-card-bonus::before,
.room-post-card-bonus::after {
	content: '';
    position: absolute;
    bottom: 0;
    right: -12px;
    width: 12px;
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAxMkM1LjM3MjU2IDEyIDAgNi42Mjc0NCAwIDBWMTJIMTJaIiBmaWxsPSIjRjVGNkZBIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 12px;
}

.room-post-card-bonus::after {
	top: 0;
	bottom: auto;
	transform: rotate(90deg);
}

.room-post-card .copy-code {
	font-size: 16px;
	color: var(--blue-violet-500);
	margin-left: 4px;
}

.room-post-card .copy-code:hover {
	color: var(--blue-violet-600);
}

.room-post-card .copy-code::after {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjQ0MDk2IDAuNjY2NjcySDEyLjU1OUMxMi45MTA1IDAuNjY2NjYgMTMuMjEzNiAwLjY2NjY1IDEzLjQ2MzMgMC42ODcwNTNDMTMuNzI2OSAwLjcwODU4NyAxMy45ODkxIDAuNzU2MTMgMTQuMjQxMyAwLjg4NDY2QzE0LjYxNzYgMS4wNzY0MSAxNC45MjM2IDEuMzgyMzcgMTUuMTE1MyAxLjc1ODY5QzE1LjI0MzkgMi4wMTA5NSAxNS4yOTE0IDIuMjczMDkgMTUuMzEyOSAyLjUzNjY1QzE1LjMzMzMgMi43ODYzNyAxNS4zMzMzIDMuMDg5NTQgMTUuMzMzMyAzLjQ0MDk2VjguNTU5MDVDMTUuMzMzMyA4LjkxMDQ4IDE1LjMzMzMgOS4yMTM2NSAxNS4zMTI5IDkuNDYzMzZDMTUuMjkxNCA5LjcyNjkyIDE1LjI0MzkgOS45ODkwNyAxNS4xMTUzIDEwLjI0MTNDMTQuOTIzNiAxMC42MTc2IDE0LjYxNzYgMTAuOTIzNiAxNC4yNDEzIDExLjExNTRDMTMuOTg5MSAxMS4yNDM5IDEzLjcyNjkgMTEuMjkxNCAxMy40NjMzIDExLjMxM0MxMy4yMTM2IDExLjMzMzQgMTIuOTEwNCAxMS4zMzM0IDEyLjU1OSAxMS4zMzMzSDExLjMzMzNWMTIuNTU5QzExLjMzMzMgMTIuOTEwNSAxMS4zMzMzIDEzLjIxMzYgMTEuMzEyOSAxMy40NjM0QzExLjI5MTQgMTMuNzI2OSAxMS4yNDM5IDEzLjk4OTEgMTEuMTE1MyAxNC4yNDEzQzEwLjkyMzYgMTQuNjE3NiAxMC42MTc2IDE0LjkyMzYgMTAuMjQxMyAxNS4xMTU0QzkuOTg5MDUgMTUuMjQzOSA5LjcyNjkxIDE1LjI5MTQgOS40NjMzNCAxNS4zMTNDOS4yMTM2MyAxNS4zMzM0IDguOTEwNDYgMTUuMzMzNCA4LjU1OTA0IDE1LjMzMzNIMy40NDA5NUMzLjA4OTUyIDE1LjMzMzQgMi43ODYzNSAxNS4zMzM0IDIuNTM2NjQgMTUuMzEzQzIuMjczMDggMTUuMjkxNCAyLjAxMDkzIDE1LjI0MzkgMS43NTg2OCAxNS4xMTU0QzEuMzgyMzUgMTQuOTIzNiAxLjA3NjM5IDE0LjYxNzYgMC44ODQ2NDUgMTQuMjQxM0MwLjc1NjExNSAxMy45ODkxIDAuNzA4NTcxIDEzLjcyNjkgMC42ODcwMzcgMTMuNDYzNEMwLjY2NjYzNSAxMy4yMTM2IDAuNjY2NjQ1IDEyLjkxMDUgMC42NjY2NTcgMTIuNTU5VjcuNDQwOThDMC42NjY2NDUgNy4wODk1NCAwLjY2NjYzNSA2Ljc4NjM3IDAuNjg3MDM3IDYuNTM2NjVDMC43MDg1NzEgNi4yNzMwOSAwLjc1NjExNSA2LjAxMDk1IDAuODg0NjQ1IDUuNzU4NjlDMS4wNzYzOSA1LjM4MjM3IDEuMzgyMzUgNS4wNzY0MSAxLjc1ODY4IDQuODg0NjZDMi4wMTA5MyA0Ljc1NjEzIDIuMjczMDggNC43MDg1OSAyLjUzNjY0IDQuNjg3MDVDMi43ODYzNSA0LjY2NjY1IDMuMDg5NTMgNC42NjY2NiAzLjQ0MDk2IDQuNjY2NjdMNC42NjY2NiA0LjY2NjY3TDQuNjY2NjYgMy40NDA5OEM0LjY2NjY1IDMuMDg5NTQgNC42NjY2NCAyLjc4NjM3IDQuNjg3MDQgMi41MzY2NUM0LjcwODU3IDIuMjczMDkgNC43NTYxMiAyLjAxMDk0IDQuODg0NjQgMS43NTg2OUM1LjA3NjM5IDEuMzgyMzcgNS4zODIzNSAxLjA3NjQxIDUuNzU4NjggMC44ODQ2NkM2LjAxMDkzIDAuNzU2MTMxIDYuMjczMDggMC43MDg1ODcgNi41MzY2NCAwLjY4NzA1M0M2Ljc4NjM1IDAuNjY2NjUgNy4wODk1MyAwLjY2NjY2IDcuNDQwOTYgMC42NjY2NzJaTTQuNjY2NjYgNi4wMDAwMUgzLjQ2NjY2QzMuMDgyMjkgNi4wMDAwMSAyLjgzNDExIDYuMDAwNTIgMi42NDUyMiA2LjAxNTk2QzIuNDY0MTEgNi4wMzA3NiAyLjM5Njk2IDYuMDU1ODcgMi4zNjQgNi4wNzI2N0MyLjIzODU2IDYuMTM2NTggMi4xMzY1NyA2LjIzODU3IDIuMDcyNjUgNi4zNjQwMUMyLjA1NTg2IDYuMzk2OTggMi4wMzA3NCA2LjQ2NDEyIDIuMDE1OTQgNi42NDUyM0MyLjAwMDUxIDYuODM0MTIgMS45OTk5OSA3LjA4MjMgMS45OTk5OSA3LjQ2NjY3VjEyLjUzMzNDMS45OTk5OSAxMi45MTc3IDIuMDAwNTEgMTMuMTY1OSAyLjAxNTk0IDEzLjM1NDhDMi4wMzA3NCAxMy41MzU5IDIuMDU1ODYgMTMuNjAzIDIuMDcyNjUgMTMuNjM2QzIuMTM2NTcgMTMuNzYxNCAyLjIzODU2IDEzLjg2MzQgMi4zNjQgMTMuOTI3M0MyLjM5Njk2IDEzLjk0NDEgMi40NjQxMSAxMy45NjkzIDIuNjQ1MjIgMTMuOTg0MUMyLjgzNDExIDEzLjk5OTUgMy4wODIyOSAxNCAzLjQ2NjY2IDE0SDguNTMzMzJDOC45MTc2OSAxNCA5LjE2NTg4IDEzLjk5OTUgOS4zNTQ3NyAxMy45ODQxQzkuNTM1ODggMTMuOTY5MyA5LjYwMzAyIDEzLjk0NDEgOS42MzU5OSAxMy45MjczQzkuNzYxNDMgMTMuODYzNCA5Ljg2MzQxIDEzLjc2MTQgOS45MjczMyAxMy42MzZDOS45NDQxMiAxMy42MDMgOS45NjkyNCAxMy41MzU5IDkuOTg0MDQgMTMuMzU0OEM5Ljk5OTQ3IDEzLjE2NTkgOS45OTk5OSAxMi45MTc3IDkuOTk5OTkgMTIuNTMzM1YxMS4zMzMzSDcuNDQwOThDNy4wODk1NCAxMS4zMzM0IDYuNzg2MzYgMTEuMzMzNCA2LjUzNjY0IDExLjMxM0M2LjI3MzA4IDExLjI5MTQgNi4wMTA5MyAxMS4yNDM5IDUuNzU4NjggMTEuMTE1NEM1LjM4MjM1IDEwLjkyMzYgNS4wNzYzOSAxMC42MTc2IDQuODg0NjQgMTAuMjQxM0M0Ljc1NjEyIDkuOTg5MDcgNC43MDg1NyA5LjcyNjkyIDQuNjg3MDQgOS40NjMzNkM0LjY2NjY0IDkuMjEzNjQgNC42NjY2NSA4LjkxMDQ3IDQuNjY2NjYgOC41NTkwNEw0LjY2NjY2IDYuMDAwMDFaTTcuNDY2NjYgMTBDNy4wODIyOSAxMCA2LjgzNDExIDkuOTk5NDkgNi42NDUyMiA5Ljk4NDA1QzYuNDY0MTEgOS45NjkyNiA2LjM5Njk2IDkuOTQ0MTQgNi4zNjQgOS45MjczNEM2LjIzODU2IDkuODYzNDMgNi4xMzY1NyA5Ljc2MTQ0IDYuMDcyNjUgOS42MzZDNi4wNTU4NiA5LjYwMzA0IDYuMDMwNzQgOS41MzU4OSA2LjAxNTk0IDkuMzU0NzhDNi4wMDA1MSA5LjE2NTg5IDUuOTk5OTkgOC45MTc3MSA1Ljk5OTk5IDguNTMzMzRWMy40NjY2N0M1Ljk5OTk5IDMuMDgyMyA2LjAwMDUxIDIuODM0MTIgNi4wMTU5NCAyLjY0NTIzQzYuMDMwNzQgMi40NjQxMiA2LjA1NTg2IDIuMzk2OTggNi4wNzI2NSAyLjM2NDAxQzYuMTM2NTcgMi4yMzg1NyA2LjIzODU2IDIuMTM2NTggNi4zNjQgMi4wNzI2N0M2LjM5Njk2IDIuMDU1ODcgNi40NjQxMSAyLjAzMDc2IDYuNjQ1MjIgMi4wMTU5NkM2LjgzNDExIDIuMDAwNTIgNy4wODIyOSAyLjAwMDAxIDcuNDY2NjYgMi4wMDAwMUgxMi41MzMzQzEyLjkxNzcgMi4wMDAwMSAxMy4xNjU5IDIuMDAwNTIgMTMuMzU0OCAyLjAxNTk2QzEzLjUzNTkgMi4wMzA3NiAxMy42MDMgMi4wNTU4NyAxMy42MzYgMi4wNzI2N0MxMy43NjE0IDIuMTM2NTggMTMuODYzNCAyLjIzODU3IDEzLjkyNzMgMi4zNjQwMUMxMy45NDQxIDIuMzk2OTggMTMuOTY5MiAyLjQ2NDEyIDEzLjk4NCAyLjY0NTIzQzEzLjk5OTUgMi44MzQxMiAxNCAzLjA4MjMgMTQgMy40NjY2N1Y4LjUzMzM0QzE0IDguOTE3NzEgMTMuOTk5NSA5LjE2NTg5IDEzLjk4NCA5LjM1NDc4QzEzLjk2OTIgOS41MzU4OSAxMy45NDQxIDkuNjAzMDQgMTMuOTI3MyA5LjYzNkMxMy44NjM0IDkuNzYxNDQgMTMuNzYxNCA5Ljg2MzQzIDEzLjYzNiA5LjkyNzM0QzEzLjYwMyA5Ljk0NDE0IDEzLjUzNTkgOS45NjkyNiAxMy4zNTQ4IDkuOTg0MDVDMTMuMTY1OSA5Ljk5OTQ5IDEyLjkxNzcgMTAgMTIuNTMzMyAxMEg3LjQ2NjY2WiIgZmlsbD0iIzc2NzhERSIvPgo8L3N2Zz4K");
}

@media (max-width: 576px) {
	.room-post-box {
		grid-template-columns: 1fr;
		grid-gap: 12px;
	}

	.room-post-card {
		height: 235px;
	}
}