body {
  --background-colour: #3e4470;
}

.eu-cookie-compliance-message {
  float: left;
  /* LTR */
  max-width: 80%;
  margin: 1rem 1rem 1rem 3rem;
}

div#sliding-popup,
div#sliding-popup .eu-cookie-withdraw-banner,
.eu-cookie-withdraw-tab {
  background: #0779bf;
  max-width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  border-radius: 0 0 1rem 1rem;
  background-color: var(--background-colour);
  transition: none !important;

  .decline-button,
  #eu-cookie-compliance-categories,
  .eu-cookie-withdraw-button {
    display: none;
    visibility: hidden;
  }

  .agree-button:hover,
  .agree-button:focus,
  .agree-button:focus-visible,
  .find-more-button:hover,
  .find-more-button:focus,
  .find-more-button:focus-visible,
  .hide-popup-button:hover,
  .hide-popup-button:focus,
  .hide-popup-button:focus-visible {
    background-color: var(--highlight-colour);
    border-color: var(--highlight-colour);
    color: var(--on-highlight);
    border-radius: 24px;
    outline: unset !important;
    border-color: var(--highlight-colour) !important;
    box-shadow: none;
  }
}

.cookie-form-container {
  display: block;

  .cookie-category {
    padding-bottom: 2rem;
  }

  .form-submit {
    margin-bottom: 2rem;
    background-color: var(--service-chevron);
  }

  fieldset,
  .fieldgroup {
    border: none;

    .form-item {
      position: relative;
    }
  }

  fieldset.cookie-category__radios .fieldset-wrapper>div {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
  }

  fieldset.cookie-category__radios .js-form-type-radio {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
  }

  fieldset.cookie-category__radios .js-form-type-radio input.form-radio {
    margin: 0;
  }

  fieldset.cookie-category__radios .js-form-type-radio label.option {
    display: inline;
    margin: 0 0 0 0.4rem;
  }

  .cookie-category .cookie-category__radios .js-form-type-radio label.option {
    display: inline;
  }

  fieldset.cookie-category__radios .js-form-type-radio input.form-radio {
    transform: scale(1.35);
    vertical-align: middle;
    margin-right: 0.5rem;
  }

  fieldset.cookie-category__radios .js-form-type-radio label.option {
    font-size: 1.05rem;
    line-height: 1.4;
    cursor: pointer;
    padding: 0.25rem 0.5rem 0.25rem 0;
    display: inline-flex;
    align-items: center;
  }
}

#sliding-popup .eu-cookie-compliance-content {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

#sliding-popup .eu-cookie-compliance-message {
  flex: 1 1 auto;
  margin-right: 0.5rem;
}

#sliding-popup #popup-buttons {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
  min-width: 14rem;
  flex: 0 0 auto;
  margin: 2rem 1rem 1rem 1rem;
  color: var(--button-text-color);

}

#sliding-popup #popup-buttons .agree-button {
  order: 1;
  color: var(--button-text-color);
}

#sliding-popup #popup-buttons .eu-cookie-compliance-more-button {
  order: 2;
  color: var(--button-text-color);
}

@media (max-width: 640px) {
  #sliding-popup .eu-cookie-compliance-content {
    flex-direction: column;
  }

  .eu-cookie-compliance-message {
    &, p {
      margin-bottom: 0;
    }
  }

  #sliding-popup #popup-buttons {
    min-width: 0;
    margin-top: 0;
    margin-left: 48px;
  }
}