.toolbar__play-button {
	@extend %toolbar-button;
	margin-right: #{15 / $base-font-size}rem;
	&--selected {
		background-color: $light-button-background-hover-color;
		& g {
			fill: $light-button-hover-color;
		}
	}
}

.toolbar__stop-button {
	@extend %toolbar-button;
	&--selected {
		background-color: $light-button-background-hover-color;
		& g {
			fill: $light-button-hover-color;
		}
	}
}

.toolbar__logo {
	margin-right: #{30 / $base-font-size}rem;
}

.toolbar {
	padding: #{20 / $base-font-size}rem #{60 / $base-font-size}rem;
	display: flex;
}