#cookie-banner 
{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  background: #262626;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  z-index: 9999;
  align-items: center;
}
[hidden]
{
  display: none !important;
}
#cookie-banner > *
{
    color: #ffffff;
}

.cookie-button
{
  cursor: pointer;
  padding: 1rem 3rem;
}

#accept-cookies
{
  background-color: #a3ffd0;
}
#decline-cookies
{
  background-color: #ffa3d2;
}

.cookie-button-container
{
  display: flex;
  flex-direction: row;
  gap: 2rem;
}

#reset-cookies
{
  background-color: #a3a3ff;
  display: inline;
  width: fit-content;
}

@media (max-width: 756px)
{
  #cookie-banner
  {
    padding: 1rem;
    flex-direction: column;
    gap: 1rem;
  }
  .cookie-button
  {
    padding: 0.5rem 2rem
  }
}