testbutton.html

<style>
    .container {
      display: flex;
      justify-content: center;
      width: 100% !important;
    }
    
    .button {
      border: none !important; 
      padding: 25px 50px !important; 
      text-align: center !important; 
      text-decoration: none !important; 
      display: inline-block !important; 
      font-size: 30px !important; 
      transition: background-color 0.5s ease !important;
      box-shadow: none !important;
    }
    
    .apply {
      background-color: #dc0032 !important;
      color: #F7F8F8 !important;
    }
    
    .apply:hover {
      background-color: #e63552 !important;
    }
    
    .donate {
      background-color: #691c33 !important;
      color: #F7F8F8 !important;
      margin-left: 32px !important;
    }
    
    .donate:hover {
      background-color: #81334a !important;
    }
    </style>
    
    <div class="container">
      <a href="https://foundation.arbys.com/school-lunch-debt-application/" target="_blank">
        <button class="button apply">APPLY FOR FUNDING</button>
      </a>
      <a href="https://foundation.arbys.com/school-lunch-debt-donate/" target="_blank">
        <button class="button donate">DONATE</button>
      </a>
    </div>