// Cookieconsent

.cookieconsent {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  gap: .5rem;
  position: sticky;
  bottom: 0;
  width: 100%;
  padding-block-start: .5rem;
  color: var(--color-warning);
  background-color: var(--color-warning-bg);
  border-block-start: 4px solid var(--color-warning-border);
  font-size: var(--fs-s);
  transform: translateY(100vh);
  transition: all 130ms ease-out;
  z-index: 99;
}

.button {
  &--accept {
    border-color: var(--color-status);
  }

  &--decline {
    border-color: var(--color-warning-border);
  }
}

.js-cookieconsent-open {
  transform: translateY(0);
}