// Кнопка "Сервис-список"
@mixin type-service-list () {
	color: $service-list-color;
	border: solid 1px $service-list-border;
	background-color: transparent;

	&:hover,
	&:focus,
	&:active {
		color: $service-list-color-hover;
		border: solid 1px $service-list-border-hover;
		.icon-after {
			fill: $service-list-icon-hover;
		}
	}
	&[disabled] {
		&,
		&:hover,
		&:focus,
		&:active {
			color: $service-list-color-disabled;
			border: solid 1px $service-list-border-disabled;
			.icon-after {
				fill: $service-list-icon-disabled;
			}
		}
	}
	&[button-actived="true"] {
		.icon-after {
			transform: rotate(-180deg);
		}
	}

	.content {
		padding-left: 12px;
	}

	.icon-after {
		width: 10px;
		height: 6px;
		margin-left: 6px;
		margin-right: 10px;
		fill: $service-list-icon;
		transition: fill 200ms ease;
	}
}