Rhye theme: customize buttons paddings & font-size

.button {
  font-size: calc(10 * 1px);
  letter-spacing: 2px;
  line-height: 1.3;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  padding: 18px 45px;
  border-radius: 64px;
}
@media screen and (min-width: 320px) {
  .button {
    font-size: calc(10 * 1px + (13 - 10) * ((100vw - 320px) / 1600));
  }
}
@media screen and (min-width: 1920px) {
  .button {
    font-size: calc(13 * 1px);
  }
}

.button_icon {
  padding: 0;
}

.button__label {
  padding: 18px 45px;
}

.button__icon {
  width: 60px;
}
.button__icon i {
  font-size: 24px;
}

@media screen and (max-width: 1680px) {
  .button {
    padding: 14px 32px;
  }
  .button__label {
    padding: 18px 32px;
  }
}
@media screen and (max-width: 991px) {
  .button {
    padding: 12px 28px;
  }
  .button__label {
    padding: 12px 28px;
  }
  .button__icon {
    width: 43px;
  }
  .button__icon i {
    font-size: 20px;
  }
  .button_icon {
    padding: 0;
  }
}