Button CSS Picking Up Default Code

Site URL: https://www.1931gallerybistro.com/

Hi all,

Does anyone know what I've been doing wrong? I've added a custom button on my client's homepage and have coded it appropriately with HTML + CSS, and it shows how it should in the preview when editing, but if I go to the actual website url, it keeps picking up a default code that isn't anywhere in my Custom CSS.

Code Box:
<center><a href="https://order.online/store/1931-gallery-bistro-973113/en-US"><button class="homebutton"><h2>Delivery</h2></button></a></center>

Custom CSS:
.homebutton {
  background-color: none !important;
  border: 2px solid #ffffff;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 40px;
}
.homebutton:hover {
        border-color: #ffffff;
        background-color: #23858c;
        transition: all 0.2s linear;
        transform: scale(0.9);
    }

Please let me know if you can help!

Thanks

Hi. Have you solved it yet?