.golden-btn {
  display: inline-block;
  outline: none;
  font-family: inherit;
  font-size: 1rem;
  box-sizing: border-box;
  border: none;
  border-radius: 0.3rem;
  text-transform: uppercase;
  padding: 1rem 1.5rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background-size: 100% 100%;
  background-position: center;
  white-space: nowrap;
  background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  border: 1px solid #a55d07;
  color: #783205;
  text-shadow: 0 2px 2px #fae385;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(110, 80, 20, 0.4), inset 0 -2px 5px 1px #8b4208, inset 0 -1px 1px 3px #fae385; }
  .golden-btn + .golden-btn {
    margin-top: 1em; }
  .golden-btn:hover, .golden-btn:focus {
    background-size: 150% 150%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23), inset 0 -2px 5px 1px #b17d10, inset 0 -1px 1px 3px #fae385;
    border: 1px solid rgba(165, 93, 7, 0.6);
    color: rgba(120, 50, 5, 0.8); }
  .golden-btn:active {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(110, 80, 20, 0.4), inset 0 -2px 5px 1px #b17d10, inset 0 -1px 1px 3px #fae385; }