.c-button {
  @include flex(space-between, center);
  padding: 10px 15px;
  background-color: $beige;
}

.c-button__text {
  width: calc(100% - 16px);
  @include font-header(20px, 24px);
  color: $darkBlue;
}

.c-button__arrow {
  color: $darkBlue;
  width: 13px;
  transform: translate3d(0,0,0);
  transition: transform 0.3s;

  .c-button:hover & {
    transform: translate3d(5px,0,0);
  }
}

.c-button--blue {
  background-color: $darkBlue;

  .c-button__text, .c-button__arrow {
    color: white;
  }
}