// Кнопка "Загрузка файла"
@mixin type-service-file () {
	height: 32px;
	color: $service-file-color;
	border: solid 1px $service-file-border;
	background-color: transparent;

	&:hover,
	&:focus,
	&:active {
		color: $service-file-color-hover;
		border: solid 1px $service-file-border-hover;
		.icon-before {
			fill: $service-file-icon-hover;
		}
	}
	&[disabled] {
		&,
		&:hover,
		&:focus,
		&:active {
			color: $service-file-color-disabled;
			border: solid 1px $service-file-border-disabled;
			.icon-before {
				fill: $service-file-icon-disabled;
			}
		}
	}

	.content {
		padding-right: 12px;
	}

	.icon-before {
		width: 16px;
		height: 16px;
		margin-left: 10px;
		margin-right: 8px;
		fill: $service-file-icon;
		transition: fill 200ms ease;
	}
}