.btn {
  padding: 17px;
  padding: 1.0625rem;
  border-radius: 0;
  font-weight: bold;
  text-transform: uppercase; }
  .btn:focus, .btn:active, .btn:hover, .btn:active:focus:not(:disabled):not(.disabled) {
    outline: none;
    box-shadow: none; }
  @media (max-width: 543.98px) {
    .btn {
      padding: 12px;
      padding: 0.75rem; } }

.btn.disabled,
.btn:disabled {
  opacity: 1; }

.btn-primary {
  color: #eae7e8;
  background-color: #15141a;
  border-color: #15141a; }
  .is-dark .btn-primary {
    background-color: white;
    border-color: white;
    color: #15141a; }
  .btn-primary:not(:disabled):not(.disabled):hover {
    background-color: #323036;
    border-color: #323036; }
    .is-dark .btn-primary:not(:disabled):not(.disabled):hover {
      background-color: #d9d6d9;
      border-color: #d9d6d9; }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #323036;
    border-color: #323036; }
    .is-dark .btn-primary:not(:disabled):not(.disabled).active, .is-dark .btn-primary:not(:disabled):not(.disabled):active {
      background-color: #d9d6d9;
      border-color: #d9d6d9;
      color: #15141a; }
  .btn-primary.btn.disabled, .btn-primary.btn:disabled {
    background-color: #444054;
    border-color: #444054;
    color: #ded9db; }
    .is-dark .btn-primary.btn.disabled, .is-dark .btn-primary.btn:disabled {
      background-color: #f2f2f2;
      border-color: #f2f2f2;
      color: #444054; }

.btn-secondary {
  color: #15141a;
  background-color: white;
  border-color: #323036; }
  .is-dark .btn-secondary {
    color: white;
    background: none;
    border-color: white; }
  .btn-secondary:not(:disabled):not(.disabled):hover {
    background-color: #15141a;
    border-color: #15141a; }
    .is-dark .btn-secondary:not(:disabled):not(.disabled):hover {
      color: #15141a;
      background-color: white;
      border-color: white; }
  .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #15141a;
    border-color: #15141a; }
    .is-dark .btn-secondary:not(:disabled):not(.disabled).active, .is-dark .btn-secondary:not(:disabled):not(.disabled):active {
      color: #15141a;
      background-color: #eae7e8;
      border-color: #eae7e8; }
  .btn-secondary.btn.disabled, .btn-secondary.btn:disabled {
    background-color: #f2f2f2;
    border-color: #64606c;
    color: #444054; }
    .is-dark .btn-secondary.btn.disabled, .is-dark .btn-secondary.btn:disabled {
      background: none;
      border-color: #cccccc;
      color: #cccccc; }

.link-simple {
  color: #323036;
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
  font-size: 0.75rem; }

.link-absolute {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 90; }

.experience-commerce_assets-headlineBanner {
  margin-top: 35px; }
  @media (min-width: 544px) {
    .experience-commerce_assets-headlineBanner .headline-image {
      height: 120px;
      height: 7.5rem; } }
  @media (max-width: 768.98px) {
    .experience-commerce_assets-headlineBanner .headline-image {
      height: 55px;
      height: 3.4375rem; } }

/*# sourceMappingURL=headlineBanner.css.map*/