.ghost-button-transition {
  display: inline-block;
    font-family: sans-serif;
  width: 200px;
  padding: 8px;
  color: black;
  border: 5px solid rgb(70,173,210);
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              color 0.2s ease-out;
}
.ghost-button-transition:hover,
.ghost-button-transition:active {
  background-color: orange;
  color: #000;
  transition: background-color 0.3s ease-in,
              color 0.3s ease-in;
}