/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

    This file contains rules for
    COOKIE BANNER
    that implement the UU design system specifically for Sitevision

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.sv-cookie-consent-banner {
  border-top: 1px solid var(--color-border);
  box-shadow: var(--color-border) 0 0 0.25em;
}

.sv-cookie-consent-banner>div {
  padding-bottom: 2.5em;
  padding-top: 2.5em;
}

.sv-cookie-consent-banner>div>div {
  max-width: none !important;
}

.sv-cookie-consent-banner h2 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.5rem !important;
}

.sv-cookie-consent-banner .env-link:hover,
.sv-cookie-consent-banner .env-link:focus,
.sv-cookie-consent-banner .env-switch input:hover:not(:disabled),
.sv-cookie-consent-banner .env-switch input:focus:not(:disabled) {
  cursor: pointer;
}

.sv-cookie-consent-banner input {
  border: 0;
}

.sv-cookie-consent-banner .env-button--primary,
.sv-cookie-consent-banner .env-button--ghost,
.sv-cookie-consent-banner .env-button--link {
  background-color: transparent;
  border-color: var(--color-button);
  color: var(--color-text);
}

.sv-cookie-consent-banner .env-button--primary:hover,
.sv-cookie-consent-banner .env-button--primary:focus,
.sv-cookie-consent-banner .env-button--ghost:hover,
.sv-cookie-consent-banner .env-button--ghost:focus,
.sv-cookie-consent-banner .env-button--link:hover,
.sv-cookie-consent-banner .env-button--link:focus {
  background-color: var(--color-button-hover);
  border-color: var(--color-button-hover);
  color: var(--color-white);
}

.sv-cookie-consent-banner .env-button.env-button--icon {
  padding-left: 3.25rem;
}