.tw_button {
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  line-height: 19px;
  max-width: 246px;
  max-height: 50px;
  border: 1px solid;
  text-decoration: none;
  text-align: center;
}
.tw_button.bright-blue {
  background-color: #3339F1;
  border-color: #3339F1;
  color: #FFFFFF;
}
.tw_button.green_bg {
  background-color: #22B339;
  border-color: #22B339;
  color: #FFFFFF;
}
.tw_button.blue {
  background-color: #2160b5;
  border-color: #2160b5;
  color: #FFFFFF;
}
.tw_button.grey {
  background-color: rgba(186, 195, 207, 0.1215686275);
  border-color: rgba(186, 195, 207, 0.5019607843);
  color: #2E3642;
}
.tw_button.dark-grey {
  background-color: #000000;
  border-color: #000000;
  color: #FFFFFF;
}
.tw_button.gradient {
  background: linear-gradient(260deg, #34A853, #4285F4);
  color: #FFFFFF;
  border: none;
}
.tw_button.blue_new {
  background-color: #3339F1;
  color: #FFFFFF;
  border: none;
}
.tw_button:hover {
  opacity: 0.8;
}

.tw_button:not(.try_free) {
  padding: 15px 32px 16px;
}

.tw_button.try_free {
  padding: 18px 86px;
}

.tw_button.yellow_bg {
  background-color: #F8C332;
  color: #FFFFFF;
}
.tw_button.yellow_bg span {
  color: #FFFFFF;
}

.tw_button.yellow_bg:hover {
  background-color: #F9BB11;
}

.tw_button.silver_bg {
  background-color: #E7EBEF;
  color: #000000;
  text-decoration: none;
}

.tw_button.silver_bg:hover {
  background-color: rgba(186, 195, 207, 0.22);
}

@media screen and (max-width: 1260px) and (min-width: 768px) {
  .tw_button {
    font-size: 14px;
    line-height: 19px;
    padding: 16px 20px;
  }
}
@media screen and (max-width: 767px) {
  .tw_button {
    font-size: 14px;
    line-height: 19px;
  }
}