.sq-container {
  display: none;
}

#sq-ccbox {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  margin: 0 auto;
  background-image: url("/images/CCBG.jpg");
  background-size: 100% 100%;
  border: 4px outset #525c5b;
  border-radius: 14px;
  padding: 3%;
}

/* Customize the "Pay with Credit Card" button */
#card-button {
  width: 100%;
  height: 56px;
  background-color: #e4b300;
  border-radius: 8px;
  border-color: #ffd128;
  cursor: pointer;
  display: block;
  color: black;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  -webkit-transition: background .2s ease-in-out;
     -moz-transition: background .2s ease-in-out;
      -ms-transition: background .2s ease-in-out;
          transition: background .2s ease-in-out;
}
#card-button > span {
  font-weight: 700;
}
#card-button:hover {
  background-color: #d2a500;
}

#payment-status-container {
  background-color: white;
  margin-top: 10px;
}
#payment-status-container.is-success {
  color: green;
  border: 2px solid green;
}
#payment-status-container.is-failure {
  color: red;
  border: 2px solid red;
}
#apple-pay-button {
  height: 48px;
  width: 100%;
  display: inline-block;
  -webkit-appearance: -apple-pay-button;
  -apple-pay-button-type: plain;
  -apple-pay-button-style: black;
}

.sq-card-message {
  background: white;
}

#sq-walletbox {
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
  width: 100%;
  height: 123;
  display: none;
}

#sq-walletbox-divider {
  height: 24px;
  margin: 0 0 10px;
  color: #CCC;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.5;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

#sq-walletbox-divider-label {
  padding: 0 24px;
  background-color: #FFF;
}

#sq-walletbox-divider hr {
  margin-top: -12px;
}