Custom Object to replace Save & Save and Close button on records

[honey26singh]

Hey, I am looking for a custom code to replace the Save & Save and Close buttons on the records.
When a new record is created and the tracking ID is yet to be generated, the Save buttons should be replace by a "Next" button, but as soon as the tracking ID has been generated for the record the "Next" button should be hidden again and replaced with Save & Save and Close default options.

Note: The application is advance workflow driven and once the tracking ID is generated and the record is enrolled with the advanced workflow, the options appear in Actions drop down to Save or Save and Close the records.

[honey26singh]

Your insights will be really helpful. Thanks! @MarkusBaehr  @DavidPetty  @jsol5 

[TomFritts]

@honey26singh  this is what we use.  This includes CSS styling to format the button similar to the out of the box archer buttons.  

<style>
.button {
  background-color: #ffffff;
  border: 1px solid #176DC2;
  border-color: #176DC2;
  border-radius:3px;
  color: white;
  padding: 8px 15px;
  text-align: center;
  text-decoration: none;
  position: relative;
  left: 20%;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  color: #176DC2; 

}

.button:hover {
  background-color: #176DC2;
  color: white;
}


</style>

<a id="SaveRecord" onclick="$('#master_btnSave1').click();" data-check-dirty="true"><button class=button>SUBMIT RESPONSES</button></a>

<script>
$(document).ready(function () {
              
                $("#SaveRecord");
});
</script>