.container {
  display: flex;
  flex-direction: column;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0px;
  padding-bottom: 20px;
  z-index: 5;
  padding-left: 15px;
  padding-right: 15px;
}

.container::before {
  content: "";
  position: absolute;
  inset: -10px 0px 0px;
  background: linear-gradient(rgba(255, 240, 240, 0) 0%,
      rgba(255, 240, 240, 0.95) 53.81%);
}

.button {
  border-radius: 12px;
  margin-bottom: 10px;
  min-height: 0;
  height: 50px;
  max-width: 360px;
  width: 100%;
  background: linear-gradient(165.54deg,
      rgb(20, 19, 51) -33.39%,
      rgb(32, 34, 97) 15.89%,
      rgb(84, 60, 151) 55.84%,
      #6939a2 74.96%);
  color: rgb(251, 251, 255);
  font-size: 16px;
  font-weight: 400;
}

.skip {
  text-decoration: underline;
  width: 310px;
  font-size: 14px;
  text-align: center;
  z-index: 5;
  user-select: none;
  cursor: pointer;
}


:global(body.dark-theme) {
  .container::before {
    background: linear-gradient(rgba(34, 34, 37, 0) 0%,
        rgba(34, 34, 37, 0.95) 53.81%);
  }
}