.cm-button-container {
  display: flex;
  width: 100%;
  font-family: sans-serif;
  font-size: 14px;
}

a.cm-no-style {
  text-decoration: none;
  color: inherit;
  display: inherit;
}

@media all and (max-width: 480px) {
  .checkmate-wrapper {
    vertical-align: middle;
  }
}

@media all and (min-width: 480px) {
  .checkmate-wrapper {
    vertical-align: middle;
    max-width: min(100%, 500px);
  }
}

.checkmate-wrapper.cm-widget {
  padding: 1rem;
  border: 1px solid #e5e5e5;
  background-color: #f9f9f9;
  color: black;
  width: 100%;
  border-radius: 4px;
}

.checkmate-flex {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

.checkmate-chevron {
  min-width: 18px;
  color: black;
}

.checkmate-widget-cta {
  display: inline;
  vertical-align: middle;
  margin-right: 0.1em;
}

/* image is checkmate button */
.checkmate-widget-button-image:not(.cm-widget) {
  width: auto;
  height: 1.9em;
  vertical-align: middle;
  display: inline;
}

/* image is checkmate logo */
.checkmate-widget-button-image.cm-widget {
  width: auto;
  height: 0.9em;
  vertical-align: middle;
  display: inline;
  margin-bottom: 0.15em;
}

.checkmate-logo {
  width: auto;
  height: 0.9em;
  display: inline;
}

.checkmate-hidden {
  display: none !important;
}

.visually-hidden {
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  white-space: nowrap;
}

.checkmate-discount-code {
  display: flex;
  gap: 1ch;
  align-items: center;
  margin-top: 0.2em;
}

.checkmate-code-text {
  color: #2800ff;
  text-transform: uppercase;
  font-size: 12px;
  word-wrap: break-word;
}

.checkmate-qr-code {
  height: 12px;
  width: 12px;
}