.gtmqc-buttons {
	display: flex;
	flex-flow: column;
	align-items: center;
	width: 48px;
	position: fixed;
	left: -48px;
	top: 80%;
	transform: translateY(-50%);
	z-index: 100;
	animation: gtmqc-reveal 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
	animation-delay: 3s;
	box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.15);
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}

.gtmqc-button {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 28%;
	transition: all 0.3s ease-out;
}

.gtmqc-button:hover {
	padding: 24%;
}

.gtmqc-button img {
	width: 100%;
}

.gtmqc-button--view-templates {
	border-top-right-radius: 6px;
}

.gtmqc-button--buy-now {
	border-bottom-right-radius: 6px;
	background: rgb(215, 10, 132);
	background: linear-gradient(
		140deg,
		rgba(215, 10, 132, 1) 0%,
		rgba(184, 50, 140, 1) 100%
	);
}

.gtmqc-button--buy-now img {
	fill: #fff;
	filter: invert(1);
}

.gtmqc-button--close {
	position: absolute;
	bottom: -40px;
	border-radius: 100px;
	padding: 6px;
	width: 24px;
	box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.15);
}

.gtmqc-button--close img {
	opacity: 0.7;
}

.gtmqc-button--close:hover {
	padding: 5px;
}

@keyframes gtmqc-reveal {
	from {
		left: -48px;
	}
	to {
		left: 0;
	}
}