// Кнопка "Основная"
@mixin type-main () {
	color: $main-color;
	background-color: $main-bg;

	&:hover,
	&:focus {
		background-color: $main-bg-hover;
	}
	&:active {
		background-color: $main-bg-active;
	}
	&[disabled] {
		&,
		&:hover,
		&:focus,
		&:active {
			color: $main-color-disabled;
			background-color: $main-bg-disabled;
		}
	}

	.content {
		padding: 0 20px;
	}
}