.klaro {
  --klaro-primary-color: #3b3b3b;
  --klaro-dialog-focus-outline: none;
  --klaro-dialog-focus-box-shadow:
      0 0 2px 0 rgba(0, 0, 0, 0.1),
      0 4px 6px 0 rgba(0, 0, 0, 0.2),
      5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  --klaro-link-decoration: solid;
  --klaro-link-decoration-line: underline;
  --font-size: none;

  .cookie-notice a.cm-link.cn-learn-more,
  .klaro .cm-services .cm-caret a {
      text-decoration: none;
  }
  
  .cookie-notice:not(.cookie-modal-notice) .cn-body {
    p {
      text-align: center;
    }
  
    .cn-ok {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0;
      
      a.cn-learn-more {
        order: 2;
        text-decoration: underline;
        
        &:hover {
            text-decoration: none;
        }
      }
      
      .cn-buttons {
        order: 1;
        display: flex;
        justify-content: center;
        gap: 0.75rem;
        
        button:hover {
          text-decoration: underline;
        }
        
        button.cm-btn-success {
          order: 1;
        }
        button:not(.cm-btn-success) {
          order: 2; 
          background-color: #ffffff;
          color: var(--klaro-primary-color);
        }
      }
    }
  }
}
@media (max-width: 1024px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    bottom: 10px;
    right: 20px;
    width: calc(100% - 40px);
    border-radius: var(--border-radius, 4px);
    box-shadow:
      0 4px 6px 0 rgba(0, 0, 0, 0.2),
      5px 5px 10px 0 rgba(0, 0, 0, 0.19);

    &:focus,
    &:focus-visible {
        box-shadow:
          var(--klaro-dialog-focus-box-shadow),
          0 0 0 10px #fff;
    }
  }
}