.button {
  display: flex;

  align-items: center;
  justify-content: center;

  padding: 10px 50px;

  border: none;
  border-radius: 2px;

  font-family: $button-font;

  &:hover {
    cursor: pointer;
  }

  &--confirm {
    color: $white;
    background-color: $confirm-green;

    &:hover {
      background-color: lighten($confirm-green, +5%);
    }
  }
}