
#klaro .klaro {

  .cm-header, .cm-body, .cm-footer {
    padding: 1.5rem;
  }

  .cm-body {
    padding-top: 0;
    padding-bottom: 0;

  }

  .cookie-modal {

    z-index: 1100;

    .cm-modal.cm-klaro {
      @include media-breakpoint-down(lg) {
        width: auto;
        margin-left: 3%;
        margin-right: 3%;
      }
    }
    .cm-header h1 {
      font-size: $h3-font-size;
      font-weight: bold;
    }
    .cm-btn {
      flex: 1 0 auto;
      padding: .5rem 1rem;
      margin: 0;
    }

    .cm-modal {
      .cm-footer-buttons {
        @include media-breakpoint-down(lg) {
          flex-direction: column !important;
        }
        gap: .5em;
        justify-content: stretch;
      }

    }

  }
}
