.quick-post-survey-container {
	margin-top: 30px;
	border-top: 1px solid #aaa;
	padding-top: 40px;
}

.quick-post-survey-options {
	display: flex;
}

.quick-post-survey-options div {
	display: block;
	flex-grow: 1;
	font-size: 60px;
	text-align: center;
	transition: transform .2s; /* Animation */
	transform: scale(0.9);
	border: 3px solid transparent;
}

.quick-post-survey-options.vote-open div {
	cursor: pointer;
}

.quick-post-survey-options div.votes-avg {
	border: 3px solid red;
}

.quick-post-survey-options.vote-open div.votes-avg {
	border: 3px solid transparent;
}

.quick-post-survey-options div.hide {
	animation-name: hideme;
	animation-duration: 0.75s;
	animation-timing-function: linear;
	animation-fill-mode: forwards; 
}

.quick-post-survey-options div.voted i {
	animation-name: rotate;
	animation-duration: 0.75s;
	animation-timing-function: linear;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg) scale(1);
	}
	50% {
		transform: rotate(180deg) scale(2.25);
	}
	100% {
		transform: rotate(360deg) scale(1);
	}
  }


@keyframes hideme {
	100% {
		opacity: 0.25;
	}
}

.quick-post-survey-options.vote-open div:hover {
	transform: scale(1.05);
}

.quick-post-survey-options .option-1 { 
	background-color: rgba(255, 0, 0, 0.25);
}
.quick-post-survey-options .option-2 { 
	background-color: rgba(196, 64, 0, 0.25);
}
.quick-post-survey-options .option-3 { 
	background-color: rgba(128, 128, 0, 0.25);
}
.quick-post-survey-options .option-4 { 
	background-color: rgba(64, 196, 0, 0.25);
}
.quick-post-survey-options .option-5 { 
	background-color: rgba(0, 255, 0, 0.25);
}

.quick-post-survey-status {
	text-align: center;
}