.mdr-language-suggestion {
  position: fixed;
  z-index: 1050;
  right: 22px;
  bottom: 22px;
  width: min(560px, calc(100vw - 44px));
  padding: 18px 48px 18px 20px;
  border: 1px solid #dfe5e8;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(21, 40, 53, .16);
  color: #152835;
  font-family: inherit;
}

.mdr-language-suggestion[hidden] { display: none !important; }
.mdr-language-suggestion p { margin: 0 0 12px; font-size: 16px; font-weight: 700; line-height: 1.35; }
.mdr-language-suggestion__actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.mdr-language-suggestion__primary,
.mdr-language-suggestion__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  cursor: pointer;
}
.mdr-language-suggestion__primary { border: 1px solid #e30613; background: #e30613; color: #fff; text-decoration: none; }
.mdr-language-suggestion__primary:hover,
.mdr-language-suggestion__primary:focus { background: #bf0611; border-color: #bf0611; color: #fff; text-decoration: none; }
.mdr-language-suggestion__secondary { border: 0; background: transparent; color: #152835; text-decoration: underline; }
.mdr-language-suggestion__close { position: absolute; top: 8px; right: 10px; width: 32px; height: 32px; padding: 0; border: 0; background: transparent; color: #566872; font-size: 25px; line-height: 30px; cursor: pointer; }

@media (max-width: 600px) {
  .mdr-language-suggestion { right: 12px; bottom: 12px; width: calc(100vw - 24px); padding: 16px 42px 16px 16px; border-radius: 10px; }
  .mdr-language-suggestion p { font-size: 15px; }
  .mdr-language-suggestion__actions { align-items: stretch; flex-direction: column; gap: 4px; }
  .mdr-language-suggestion__primary,
  .mdr-language-suggestion__secondary { width: 100%; }
}