.main-btn-wrap {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 0px;
  float: none;
  display: inline-block;
  height: 50px;
}

.main-btn-wrap .main-btn {
  display: inline-block;
}

.main-btn-wrap .main-btn a .btn-text {
  color: var(--button_color) !important;
}

.main-btn-wrap .main-btn a {
  border: 1px solid var(--button_color) !important;
  background-color: transparent !important;
}
.main-btn {
  display: flex;
}

.main-btn a {
  /* height: 58px; */
  font-size: 16px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 600;
  color: var(--button_color) !important;
  border: 1px solid var(--button_color) !important;
  /* line-height: 58px; */
  width: auto;
  text-align: center;
  transition: all .2s ease-in-out;
  white-space: nowrap;
  /* padding: 0 40px; */
  text-decoration: none !important;

    padding: 0 23px;
    height: 49px;
    line-height: 48px;
    cursor: pointer;
}

.main-btn a:hover,
.main-btn a.active {
  color: #fff !important;
  border-color: var(--button_color) !important;
  background: var(--button_color) !important;
}
.main-btn a:hover .btn-text,
.main-btn a.active .btn-text {
  color: #fff !important;
}

h2 .main-btn a {
  color: var(--heading_color) !important;
  border: 1px solid var(--heading_color) !important;
  -webkit-tap-highlight-color: transparent;
  display: block !important;
    -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  touch-action: manipulation;

}

h2 .main-btn a:hover,
h2 .main-btn a.active {
  border-color: var(--heading_color) !important;
  background: var(--heading_color) !important;
}



@media (max-width:768px) {

  h2 .main-btn a {
    font-size: 14px;
    padding: 0 15px;
    height: 39px;
    line-height: 37px;
  }

  html[lang="ru-RU"] h2 .main-btn a {
    font-size: 14px;
  }
}