.rapidstaff-cookie__banner > * {
  box-sizing: border-box;
}

.rapidstaff-cookie__banner {
  --red: rgb(145, 19, 19);
  --dark: #1d1d1d;
  --light: #eeeeee;

  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;

  /* padding: 2rem 50px; */

  background-color: var(--dark);
  color: var(--light);

  transform: translateY(100%);
  transition: transform 500ms ease-out;
  z-index: 100;
}

.rapidstaff-cookie__banner.activate {
  transform: translateY(0);
}

.rapidstaff-cookie__banner.deactivate {
  transform: translateY(100%);
}

.rapidstaff-cookie__banner-wrapper {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  /* padding: 2rem 50px; */
  padding: 1rem 2rem;
}

/* @media (max-width: 1400px) {
  .rapidstaff-cookie__banner-wrapper {
    padding: 2rem 20px;
  }
} */

.rapidstaff-cookie__banner p,
.rapidstaff-cookie__banner {
  display: inline;
}

.rapidstaff-cookie__banner p {
  margin-right: 10px;
}

.rapidstaff-cookie__banner button {
  padding: 5px 10px;

  background-color: var(--red);
  color: #eeeeee;

  border: solid 1px var(--red);
  border-radius: 10px;

  transition: background-color 300ms ease;
}

.rapidstaff-cookie__banner button:focus,
.rapidstaff-cookie__banner button:hover {
  background-color: transparent;
}