// Кнопка "Верхнего меню"
@mixin type-top-menu () {
	color: $top-menu-color;
	background: $top-menu-bg;

	&:hover,
	&:focus {
		color: $top-menu-color-hover;
		background-color: $top-menu-bg-hover;
		.icon-before {
			fill: $top-menu-icon-hover;
		}
	}
	&:active {
		color: $top-menu-color-active;
		background-color: $top-menu-bg-active;
		.icon-before {
			fill: $top-menu-icon-active;
		}
	}
	&[disabled] {
		&,
		&:hover,
		&:focus,
		&:active {
			color: $top-menu-color-disabled;
			background-color: $top-menu-bg-disabled;
			.icon-before {
				fill: $top-menu-icon-disabled;
			}
		}
	}

	.content {
		padding-right: 20px;
		font-weight: normal;
	}

	.icon-before {
		width: 9px;
		height: 9px;
		margin-left: 12px;
		margin-right: 6px;
		fill: $top-menu-icon;
		transition: fill 200ms ease;
	}
}