style.css

/**
 * style.css
 * Airwallex Payment Demo - Static HTML.  Created by Josie Ku.
 *
 * This file provides styling to the demo site.  This is not required for the integration.
 */

body {
  padding: 15px 25px;
}

span#code {
  font-family: monospace;
  background-color: lightgrey;
  font-size: 16px;
}

div#links {
  display: flex;
  flex-direction: column;
}

button {
  margin-top: 15px;
  padding: 5px 10px;
  font-weight: 500;
  cursor: pointer;
  background-color: #612fff;
  color: #fff;
  outline: none;
  border: none;
  border-radius: 5px;
  min-width: 40px;
  min-height: 40px;
}

button:disabled {
  opacity: 0.75;
}

p#error {
  background: #ffebee;
  border-radius: 5px;
  padding: 5px 10px;
  max-width: 400px;
  display: none;
}
p#success {
  background: lightgreen;
  border-radius: 5px;
  padding: 5px 10px;
  max-width: 400px;
  display: none;
}

p#author {
  position: absolute;
  bottom: 0;
}

.field-container {
  margin: 15px 0px;
}

div.instruction-container {
  padding: 10px 50px;
  text-align: left;
}

span#code {
  font-family: monospace;
  background-color: lightgrey;
  font-size: 16px;
  margin: 0px 5px;
}

p#bullet {
  font-weight: bold;
}