.gff-btn {
  margin: 0;
  padding: 5px 25px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  color: $font-color-dark;
  font-size: 14px;
  font-weight: 400;

  &:focus {
    outline: none;
  }

  &.ghost {
    background: none;
    color: $font-color-dark;
    border-color: $orange-primary;
    transition: all 0.2s ease;

    &:hover {
      background: $orange-primary;
      color: #fff;
      transition: all 0.2s ease;
    }

    &:focus {
      outline: none;
    }
  }

  &.search {
    margin: 0;
    padding: 5px 10px;
    border: none;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease;

    &:hover {
      background: $orange-primary;
      transition: all 0.2s ease;
    }
  }

  &.secondary {
    background: #4b4e54;
    color: #fff;
    transition: all 0.2s ease;

    &:hover {
      background: #727e95;
      transition: all 0.2s ease;
    }
  }
}

.gff-btn {
  margin: 0;
  padding: 5px 25px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  color: $font-color-dark;
  font-size: 14px;
  font-weight: 400;

  &:focus {
    outline: none;
  }

  &.ghost {
    background: none;
    color: $font-color-dark;
    border-color: $orange-primary;
    transition: all 0.2s ease;

    &:hover {
      background: $orange-primary;
      color: #fff;
      transition: all 0.2s ease;
    }

    &:focus {
      outline: none;
    }
  }

  &.search {
    margin: 0;
    padding: 5px 10px;
    border: none;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease;

    &:hover {
      background: $orange-primary;
      transition: all 0.2s ease;
    }
  }

  &.dark {
    background: #4b4e54;
    color: #fff;
    transition: all 0.2s ease;

    &:hover {
      background: #727e95;
      transition: all 0.2s ease;
    }
  }
}

Change 'secondary' button name to 'dark'.
Change 'secondary' button name to 'dark'.
