// Кнопка "Добавить" в селекторе
@mixin type-power-select-add() {
	height: 30px;
	border: solid 1px $power-select-add-border;
	background: $power-select-add-bg;

	&:hover,
	&:focus,
	&:active {
		border: solid 1px $power-select-add-hover;
		.content {
			color: $power-select-add-hover;
		}
		.icon-before {
			fill: $power-select-add-hover;
		}
	}
	&[disabled] {
		&,
		&:hover,
		&:focus,
		&:active {
			border: solid 1px $power-select-add-disabled;
			.content {
				color: $power-select-add-color-disabled;
			}
			.icon-before {
				fill: $power-select-add-disabled;
			}
		}
	}

	.content {
		padding-right: 20px;
		font-size: 10px;
		font-weight: bold;
		color: $power-select-add-color;
	}

	.icon-before {
		width: 12px;
		height: 12px;
		margin-left: 13px;
		margin-right: 11px;
		fill: $power-select-add-icon;
		transition: fill 200ms ease;
	}
}