.bg-image-btn {
  background: #007bff url('PayPal.png') no-repeat center;
  background-size: cover;
  color: white;
  border: none;
  width: 270px;
  height: 118px;
  cursor: pointer;
}

    .flex-container {
    display: flex;
    gap: 15px;
    width: 98%;
    margin: 0 auto;
  }

  table {
    border-collapse: collapse;
    flex: 1; /* Makes both tables equal width */
    min-width: 280px; /* Prevents tables from getting too squished */
  }
  td {
    padding: 8px;
  }

  @media (max-width: 600px) {
    .flex-container {
      flex-direction: column;
    }
  }

  checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }

  /* The checkbox */
  .checkbox > input {
    /*
     *   Remove the default appearance.
     */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;


    /*
     *   Set the size of the checkbox.
     */
    width: 20px;
    height: 20px;

    box-shadow: 0 0 0 2px black; /* Outer border */
    border: 3px solid white; /* Inner border */
  }

  /* The checkbox - when checked */
  .checkbox > input:checked {
    background-color: black; /* The "check" */
  }