@media (min-width: $media-mobile-middle) {
  .button {
    line-height: 36px;
    height: 40px;
    &_red-border {
      &:hover {
        background-color: $attention-color;
        color: $white-color;
      }
    }
    &_red {
      &:hover {
        color: $white-color;
        background-color: $attention-color-darker;
      }
    }
    &_gray {
      &:hover {
        color: $white-color;
        background-color: $dark-gray-color-lighter;
      }
    }
    &_large {
      height: 60px;
      line-height: 56px;
    }
    &_middle {
      height: 50px;
      line-height: 46px;
      min-width: 220px;
    }
    &_small {
      height: 30px;
      line-height: 26px;
    }
  }
}