.btn {
	min-width: 240px;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	padding: 0px 16px;
	line-height: normal;
	letter-spacing: normal;
	text-transform: uppercase;
	border: 1px solid;
	margin-inline-start: 16px;
	transition: none;
	position: relative;
	text-align: start;
	border-color: inherit;
}
.btn.btn-modal {
	min-width: 200px;
}

input[type="submit"] {
	min-width: 200px;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
  padding: 0px 16px;
  line-height: normal;
	letter-spacing: normal;
	text-transform: uppercase;
  margin-inline-start: 16px;
}

.btn.disabled , .btn-small.disabled , .btn-square.disabled  {
	pointer-events:none!important;
  opacity: 0.3!important;
  cursor: default!important;
}
input[type="submit"]:disabled {
	pointer-events:none!important;
  opacity: 0.3!important;
  cursor: default!important;
}
.icon-start {
	font-size: 18px;
  position: absolute;
  left: 24px;
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
[dir="rtl"] .icon-start {
  right: 24px;
	left: auto;
}
[dir="rtl"] .icon-start::before {
	transform: rotateY(180deg);
}
[dir="rtl"] .icon-end::before {
	transform: rotateY(180deg);
}
.icon-end {
	font-size: 18px;
  position: absolute;
  color: #FFF;
  right: 24px;
  width: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
[dir="rtl"] .icon-end {
  left: 24px;
	right: auto;
	transform: rotate(90%);
}
.sect-buttons.back-alone {
	justify-content: flex-start;
}
.sect-buttons.back-alone .btn {
	margin-inline-start: 0px;
}
.btn.back {
	min-width: auto;
  height: 52px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  padding: 0px;
  line-height: normal;
  letter-spacing: normal;
  border: 0;
  margin-inline-start: 0px;
  transition: none;
  position: absolute;
  text-align: start;
  border-color: inherit;
  left: 32px;
}
.btn.back i {
	padding-inline-end: 8px;
	display: flex;
}
.btn-small {
	min-width: auto;
	height: 36px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
  padding: 0px 16px;
  line-height: normal;
  border: 1px solid;
  margin-inline-start: 8px;
	transition: none;
	position: relative;
	text-align: start;
	border-color: inherit;
}
.btn-small i {
	padding-inline-end: 8px;
	display: flex;
}
.btn-square {
	min-height: 88px;
  min-width: 80px;
  display: flex;
  flex-direction: column;
  margin: 0 16px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  padding: 0 16px;
	display: inline-flex;
	border: 1px solid;
}
.btn-square i {
	padding-bottom: 8px;
	display: flex;
	font-size: 24px
}

@media (max-width: 1200px) {



}

@media (max-width: 992px) {

	.btn {
		min-width: 225px;
	}
	.btn.back {
	  left: 0px;
	}

}

@media (max-width: 768px) {

input.btn[type="submit"]  {
  width: 100%;
  margin-inline-start: 0px;
  height: 56px;
}
a.btn {
  width: 100%;
  margin-inline-start: 0px;
  height: 56px;
}
button.btn {
  width: 100%;
  margin-inline-start: 0px;
  height: 56px;
}

input.back[type="submit"] { display: none}
a.back { display: none}
button.back { display: none}

.btn.back {
  display: none;
}

}

@media (max-width: 576px) {

  .sect-buttons .btn {
    width: 100%;
  }
	input.btn[type="submit"]  {
	  height: 52px;
	}
	a.btn {
	  height: 52px;
	}
	button.btn {
	  height: 52px;
	}
	.btn-small {
		font-size: 14px;
	}
	.btn-square {
		min-height: 80px;
	  min-width: 80px;
	  flex-direction: column;
	  margin-inline-start: 0px;
		margin-inline-end: 0px;
	  font-size: 14px;
	  padding: 0 16px;
	}
	.btn-square i {
		padding-bottom: 8px;
		display: flex;
		font-size: 20px
	}

}