// Кнопка "Добавить"
@mixin type-add () {
	color: $add-color;
	background: $add-bg;

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

	.content {
		padding-right: 20px;
	}

	.icon-before {
		width: 13px;
		height: 13px;
		margin-left: 10px;
		margin-right: 6px;
		fill: $add-icon;
		transition: fill 200ms ease;
	}
}