funky-framadate-front/src/app/features/administration/stepper/stepper.component.scss

@import '../../../../styles/variables';
.step-info {
	.title.step-title-poll {
		font-size: 0.85rem;
		color: $border-color;
	}
}
.step-bar-container {
	margin: 1em 0;
	height: 0.6em;
	display: inline-block;
	min-width: 1px;
	background: $d-grey !important;
	width: 100%;
}
.step-bar-progress {
	position: relative;
	top: -0.5em;
	left: 0;
	height: 0.5em;
	display: inline-block;
	min-width: 1px;
	background: $primary_color;
}
.shortcut {
	background: $dark-lavender;
	color: white;
	padding: 1em;
	margin: 1em;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
	width: 4em;
	&.is-active {
		background: $font_color;
	}
	&:hover {
		background: $clicked-color;
	}
	&.cancel-button {
		background: $border-color;
		margin-top: -0.5em;
		&:hover {
			background: $font_color;
		}
	}
}
.poll-title {
	color: $d-neutral;
}