.login-no-cookies_wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas:
    "text"
    "buttons";
  gap: 2rem 0;
}

.login-no-cookies_text{
  grid-area: text;
}

.login-no-cookies_buttons {
  grid-area: buttons;
  display: grid;
  grid-template-columns: 1fr 8fr 1fr;
  grid-template-rows: 1fr auto 1fr;
  grid-template-areas:
    ". login ."
    "divider divider divider"
    ". register .";
}

.login-no-cookies_button-login {
  grid-area: login;
}

.login-no-cookies_button-register {
  grid-area: register;
}

.login-no-cookies_divider {
  grid-area: divider;
  text-align: center;
  border-bottom: 2px solid #eaeef2;
  line-height: 0.1em;
  margin-block-start: 2rem;
  margin-block-end: 2rem;
}

.login-no-cookies_divider  > span {
  background: #fff;
  padding: 0 0.8rem;
}

/* This is for override/design the login no cookies modal (if needed) */
.login-no-cookies-modal {
  border-radius: 3px;
}

.login-no-cookies-modal .modal-header {
  border: 0;
  padding: 20px 0;
  margin: 0 20px;
}

.login-no-cookies-modal .modal-header .close {
  position: relative;
  top: 0;
  right: 0;
}

.login-no-cookies-modal .modal-body {
  padding: 0px 40px 30px;
}

@media (max-width: 768px) {
  .login-no-cookies-modal .modal-body {
    padding: 0 20px 20px;
  }
}

.login-no-cookies-modal[data-theme="aeg"] {
  color: black;
  background-color: white;
}

.login-no-cookies-modal[data-theme="aeg"] .icon-cross{
  color: black;
  fill: black;
}