[v-cloak] {
	display: none;
}

.offer-popup {
	position: fixed;
	z-index: 999;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	background-color: white;
	border: 1px solid #d1d1d1;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 0 2px 10px 3px rgba(0,0,0,0.1);
}

.offer-popup .flex-container {
	display: flex;
	align-content: center;
}
.offer-popup .flex-container.flex-between {
	justify-content: space-between;
}

.offer-popup .flex-container.flex-between > * {
	margin: auto 10px;
}

.offer-popup__close-btn {
	color: #9e9e9e;
	font-size: 13px;
	position: absolute;
	right: 10px;
	top: 3px;
	cursor: pointer;
}

.offer-popup__body {
	margin-top: 15px;
}

@media screen and (max-width: 500px) {
	.offer-popup {
		width: calc(100% - 20px);
		bottom: 55px;
	}
}