.button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 20px 38px;
  border: 1px solid #000;
  border-radius: 50px;
  background-color: #fff;
  font-size: 18px;
  font-weight: 500;
  color: #090000;
  transition: .25s
}
.button svg {
  display: none;
  flex-shrink: 0;
  width: 2.4rem;
  height: auto;
  margin-left: 1rem
}
.button svg path {
  transition: .25s
}
.button:hover {
  background-color: #6ba442;
  color: #fff
}
.button:active {
  background-color: #6ba442;
  color: #fff
}
.button svg.arrow {
  display: block;
  width: 24px;
  height: 24px
}
.button_green {
  border-color: #6ba442;
  background-color: #507541;
  color: #fff
}
.button_green:hover {
  background-color: #6ba442;
  color: #fff
}
.button_green:active {
  background-color: #6ba442;
  color: #fff
}
.button_route {
  height: 3.5rem;
  padding: 0 2.5rem;
  border: 1px solid #1e5d9d;
  background-color: transparent;
  font-size: 1.4rem;
  color: #1e5d9d
}
.button_route svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex-shrink: 0;
  margin-left: 0;
  margin-right: 1rem;
  fill: #1e5d9d;
  transition: fill .25s
}
.button_route:hover {
  background-color: #1e5d9d;
  color: #fff
}
.button_route:hover svg {
  fill: #fff
}
@media (max-width:1023px) {
  .button {
    padding: 12px 39px
  }
}
@media (max-width:767px) {
  .button {
    width: 100%
  }
}