@media screen and (width <= 640px) {
  #ccm-widget .ccm-modal--body { padding: 44px 16px 10px !important; }
  #ccm-widget .ccm-widget--title { font-size: 17px !important; line-height: 1.25 !important; margin-bottom: 6px !important; }
  #ccm-widget .ccm-widget--text,
  #ccm-widget .ccm-inner-overflow { padding-bottom: 0 !important; }
  #ccm-widget .ccm-widget--introduction {
    max-height: 6.2em;
    overflow-y: auto;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  #ccm-widget .ccm-widget--buttons {
    display: flex !important;
    gap: 8px;
    margin-top: 12px !important;
  }
  #ccm-widget .ccm-widget--buttons .button {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 !important;
    padding: 0 8px !important;
    font-size: 13px !important;
  }
  #ccm-widget .ccm-modal--footer { padding: 4px 16px 10px !important; }
  #ccm-widget .ccm-powered-by { font-size: 11px !important; }
}