Neon Invert Button

1export function NeonInvertButton() {2  return (3    <button type="button" className="neon-invert-button">4      Get Started5    </button>6  );7}

1.neon-invert-button {2  box-sizing: border-box;3  appearance: none;4  display: inline-flex;5  align-items: center;6  justify-content: center;7  width: 124px;8  max-width: 100%;9  min-height: 45px;10  border: 1px solid transparent;11  border-radius: 13px;12  background: #f97316;13  padding: 10px 14px;14  color: light-dark(#f0f2f5,#1d1d23);15  font-family: Arial, Helvetica, sans-serif;16  font-size: 15px;17  font-weight: 500;18  line-height: 1;19  cursor: pointer;20  transition:21    background-color .45s cubic-bezier(.16, 1, .3, 1),22    border-color .45s ease,23    color .45s ease,24    box-shadow .45s ease;25}26.neon-invert-button:hover,27.neon-invert-button:focus-visible {28  border-color: #f9731680;29  background: light-dark(#f0f2f5,#1d1d23);30  color: #f97316;31  box-shadow: inset 0 0 10px 2px #f9731680;32}33.neon-invert-button:focus-visible {34  outline: 2px solid #f97316;35  outline-offset: 5px;36}