:root {
  --header-height: 80px;
}
@media (max-width: 1199px) {
  :root {
    --header-height: 60px;
  }
}

.tcl-button a {
  background-color: var(--button-color);
  font-size: 18px;
  line-height: 120%;
  text-decoration: none !important;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  cursor: pointer;
  color: var(--text-color);
  min-height: 50px;
  min-width: 145px;
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  border: 1px solid var(--button-color);
  text-align: center;
  margin: 0 auto;
}
.tcl-button a:hover {
  background-color: transparent;
  color: var(--button-color);
}