/*
-------------------------------------------
wf-cookie-consent.css
-------------------------------------------

  Beskrivning: Stilregler för kaklösning
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

------------------------------------------- */


/*
-------------------------------------------
Kaklösning
------------------------------------------- */

div.sv-cookie-consent-banner {
  width: auto;
  margin: var(--wf-page-edge-spacing);
  padding: var(--wf-spacing-40);
  background-color: var(--env-section-background-color);
  border-radius: 0 0 17px 0;
  box-shadow: 0 0px 17px rgba(0, 0, 0, 0.2);
}

.sv-cookie-consent-banner > div > .env-text-h4 {
  font-family: var(--env-ui-text-sectionheading-font-family);
  font-size: var(--env-ui-text-sectionheading-font-size);
}

.sv-cookie-consent-banner > div > div > .env-button--link {
  color: var(--env-element-secondary-font-color);
  background-color: var(--env-element-secondary-background-color);
  border-color: var(--env-element-secondary-font-color);
  text-decoration-thickness: 2px;
}



/*
-------------------------------------------
Mobil
------------------------------------------- */

@media screen and (max-width: 767px) {
  .sv-cookie-consent-modal .env-modal-dialog__body,
  .sv-cookie-consent-modal footer.env-modal-dialog__footer {
    padding: 0 var(--env-spacing-small);
  }
}