.btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 40px;
	text-align: center;
	transition: all 0.2s ease 0s;
	min-height: 40px;
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 33px;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid transparent;
	cursor: pointer;
}

button:disabled,
button[disabled],
.btn:disabled,
.btn[disabled] {
	background-color: var(--gray2-color) !important;
	/*pointer-events: none !important;*/ /* выключил чтобы отображалось уведомление при наведении курсора*/
}

.btn:hover {
	background-color: #52747A;
	color: #fff;
	text-decoration: none;
}

.btn.btn-primary {
	background-color: var(--primary-color);
	color: #fff;
}

.btn.btn-primary:hover {
	background-color: #52747a;
}

.btn.btn-transparent {
	background-color: transparent;
	color: var(--gray-color);
}
.btn.btn-transparent:hover {
	background-color: #52747a;
	color: #fff;
	border: 1px solid #52747a;
}
.btn.btn-cancel {
	border-color: #FC5723;
	background-color: transparent;
	color: #FC5723;
}
.btn.btn-cancel:hover {
	background-color: var(--gray-color);
	border-color: transparent;
	color: #fff;
}

.btn.btn-border {
	border-color: var(--primary-color);
	background-color: transparent;
	color: var(--primary-color);
}
.btn.btn-border:hover {
	background-color: var(--gray-color);
	border-color: transparent;
	color: #fff;
}


.btn.btn-transparent_primary {
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}
.btn.btn-transparent_reset {
	color: #FC5723;
	border: 1px solid #FC5723;
}


.btn.btn-transparent_primary:hover {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.btn.btn-link {
	min-height: auto;
	background: transparent;
	color: var(--primary-color);
	padding: 0;
}
.btn.btn-link:hover {
	color: var(--gray-color);
}
.link-hovered {
	position: relative;
	text-decoration: none !important;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	display: inline-block;
	cursor: pointer;
	max-width: max-content;
	flex-direction: column;
}

.link-hovered:hover {
	text-decoration: none !important;
}

.link-hovered::after {
	display: block;
	content: "";
	height: 1px;
	width: 0%;
	background-color: var(--primary-color);
	transition: width 0.3s ease-in-out;
}

.link-hovered:hover:after,
.link-hovered:focus:after {
	width: 100%;
}

/**/
.link-hovered-inverse {
	position: relative;
	text-decoration: none !important;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	display: inline-block;
	cursor: pointer;
	max-width: max-content;
	flex-direction: column;
}

.link-hovered-inverse:hover {
	text-decoration: none !important;
}

.link-hovered-inverse::after {
	display: block;
	content: "";
	height: 1px;
	width: 100%;
	background-color: var(--primary-color);
	transition: width 0.3s ease-in-out;
	position: absolute;
	bottom: 3px;
}

.link-hovered-inverse:hover:after,
.link-hovered-inverse:focus:after {
	width: 0;
}
/**/


a.button:hover {
	text-decoration: none;
}
.btn-edit {
	color: #52747A;
	background-color: var(--lightgray-color);
	border-color: var(--border-color);
}
.btn-remove {
	color: #FC5723;
	border: 1px solid #FC5723;
	background-color: transparent;
}
.btn-remove:hover {
	background-color: #52747a;
	color: #fff;
	border: 1px solid #52747a;
}