:root {
  --cws-red: #af2626;
  --beo-primary: #41449f;
  --beo-primary-hover: #696de4 color-mix(in srgb, var(--beo-primary) 80%, black);
  --beo-link-color: var(--beo-primary);
  --beo-link-color-rgb: var(--beo-primary-rgb);
  --beo-link-hover-color: var(--beo-primary-hover);
  --beo-link-hover-color-rgb: var(--beo-primary-hover);
  --beo-light: #f8f9fa;
  --beo-dark-rgb: 16, 34, 67 !important;
  --beo-dark: rgb(var(--beo-dark-rgb));
}

.btn-primary {
  --beo-btn-bg: var(--beo-primary);
  --beo-btn-border-color: var(--beo-primary);
  --beo-btn-hover-bg: var(--beo-primary-hover);
  --beo-btn-hover-border-color: var(--beo-primary-hover);
}

.btn-outline-primary,
.btn-outline-primary:focus {
  --beo-btn-color: var(--beo-primary);
  --beo-btn-border-color: var(--beo-primary);
  --beo-btn-hover-color: var(--beo-white);
  --beo-btn-hover-bg: var(--beo-primary-hover);
  --beo-btn-hover-border-color: var(--beo-primary-hover);
}

.btn-check:focus + .btn-primary,
.product--rendered-attribute .form-radio:focus + .btn-primary,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-check:focus + .btn-outline-primary,
.product--rendered-attribute .form-radio:focus + .btn-outline-primary,
.btn-outline-primary:active:focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.1);
}

.cta-banner {
  background-image: var(--cta-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
.cta-banner__title, .cta-banner__subtitle {
  color: var(--beo-light, #fff);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  font-style: italic;
}
.cta-banner__title > *:last-child, .cta-banner__subtitle > *:last-child {
  margin-bottom: 0;
}
.cta-banner__rule {
  width: 80%;
  max-width: 36rem;
  height: 4px;
  margin: 0.75rem auto 1.25rem;
  background-color: var(--cws-red);
  border-radius: 999px;
  opacity: 0.95;
}
.cta-banner .btn {
  border: none;
  border-radius: 0;
  padding-bottom: 4px;
}
.cta-banner__btn {
  padding: 0.4rem 1.1rem;
  border-width: 2px;
  border-style: solid;
  border-color: var(--beo-primary, #fff);
  color: var(--beo-light, #fff);
  background-color: var(--beo-primary);
  transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}
.cta-banner__btn:hover, .cta-banner__btn:focus-visible {
  background-color: var(--beo-link-hover-color) !important;
  color: #111;
  border-color: #fff;
}
.cta-banner__cta .btn {
  border-radius: 5px;
}
.cta-banner__cta .btn:hover {
  background-color: var(--cws-red);
}

/*# sourceMappingURL=cta-banner.css.map */