.ato-consent[hidden] { display: none; }

.ato-consent {
  align-items: center;
  background: #fff;
  border: 1px solid #dbe2ea;
  border-radius: .75rem;
  bottom: 1rem;
  box-shadow: 0 18px 48px rgba(11, 46, 79, .22);
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  left: 50%;
  max-width: 980px;
  padding: 1.25rem;
  position: fixed;
  transform: translateX(-50%);
  width: min(calc(100% - 2rem), 980px);
  z-index: 99999;
}

.ato-consent h2 { font-size: 1.2rem; margin: 0 0 .35rem; }
.ato-consent p { margin: 0; }
.ato-consent__actions { display: flex; flex: 0 0 auto; gap: .65rem; }
.ato-consent__button,
.ato-cookie-settings {
  background: #c8102e;
  border: 2px solid #c8102e;
  border-radius: .4rem;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 750;
  padding: .65rem .9rem;
}
.ato-consent__button--secondary,
.ato-cookie-settings { background: #fff; color: #172033; }

@media (max-width: 760px) {
  .ato-consent { align-items: stretch; flex-direction: column; }
  .ato-consent__actions { flex-direction: column-reverse; }
}