styles.css

/**
 * QPay Checkout Page Demo
 * - Terms of use can be found under
 * https://guides.qenta.com/
 * - License can be found under:
 * https://github.com/qenta-cee/qcp-example-php/blob/master/LICENSE.
 */
body {
    margin: 0;
    width: 700px;
    padding-top: 20px;
    padding-left: 100px;
    padding-bottom: 20px;
    font-family: europa, sans-serif;
		font-size: 0.9em;
		color: rgb(23, 64, 101);
}

#content {
	min-height: 100vh;
}

p.main {
	font-size: 1.5em;
}

input[type="submit"], input[type="button"] {
	cursor: pointer;
  background-color: #d33c35;
  color: #fff;
  border: 1px solid transparent;
  margin: 0;
  overflow: visible;
  font: inherit;
  padding: 0 20px;
  font-size: 0.7em;
  line-height: 1.75rem;
  text-decoration: none;
  transition: .1s ease-in-out;
  transition-property: all;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-origin: border-box;
}

a {
	color: #104d92;
}

select {
	font-size: inherit;
}

footer {
	background-image: url(https://qenta-cee.at/wp-content/uploads/2020/10/RZ-Logo-QENTA-CMYK-invertiert.svg);
	background-color: #174065;
	position: absolute;
	left: 0;
	width: 100%;
	height: 3em;
	background-repeat: no-repeat;
	background-size: 6.5em;
	color: #fff;
	margin-top: 1em;
	background-position-y: center;
	background-position-x: 1em;
}

#btnCheckout {
	font-weight: bold;
	font-size: inherit;
	padding: inherit;
	padding-left: 2em;
	padding-right: 2em;
	margin-top: 1.2em;
}

#btnShowPayloadTable {
	margin-top: 1em;
}

#qcpTable {
	border: 1px solid #ccc;
	padding: 1em;
	font-size: 1.5em;
}

#qcpTable td {
	border: 0;
	border-bottom: 1px solid #ccc;
}

#qcpTable tr:last-child td {
  border: 0;
}

table {
		width: 700px;
}

table.payload {
	margin-top: 1em;
	table-layout: fixed;
	border: 0;
	display: none;
}

table.payload tr:hover {
	background-color: #eee;
	font-weight: bold;
}

table.payload td {
	border: 0;
	border-bottom: 1px solid #ccc;
	font-family: monospace;
	font-size: 1em;
	line-break: anywhere;
}

table.payload td > input {
	width:100%;
	font-family: monospace;
	border: 0;
	background-color: #eee;
	font-size: 1em;
	color: inherit;
	padding: 0.5em;
	padding-right: 0;
}

td {
    font-size: 0.8em;
}

big i {
	color: #d33c35;
}