.header-button {
  font-size: 12px;
  line-height: 14px;
  padding: 8.5px 16px;
  border-radius: 50px;
  transition: all 0.2s;
  display: block;
}
.header-button_white {
  background-color: var(--color-white);
  color: var(--color-black);
}
.header-button_emerald {
  color: var(--color-white);
  background-color: var(--color-emerald);
}
.header-button_grey {
  background-color: var(--color-grey-2);
}
.header-button_active {
  background-color: var(--color-orange);
  color: var(--color-white);
}
.header-button:hover {
  background-color: var(--color-orange);
  color: var(--color-white);
  transition: all 0.2s;
}