.button-wrapper {
  margin-top: 42px;
  flex-grow: 1;
  align-items: start;
}

.button {
  min-height: auto;
  border-radius: 20px;
  box-shadow: 2px 11px 17.1px -1px rgba(0, 0, 0, 0.13);
}

.policy {
  margin: 63px -32px -15px;
  padding: 77px 22px 34px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  background: linear-gradient(270deg, #ffa1ba -0.02%, #9a55ff 100%);
  background-image: url("data:image/svg+xml,%3Csvg width='419' viewBox='0 0 419 400' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M418.859 43.2297C234.323 133.518 162.458 -74.6173 0 32.4194V400H418.859V43.2297Z' fill='url(%23paint0_linear_799_596)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_799_596' x1='418.926' y1='400' x2='0.00759072' y2='400' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFA1BA'/%3E%3Cstop offset='1' stop-color='%239A55FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;

}

.modal {
  max-height: calc(100dvh - 32px);
  height: 100%;
  top: auto;
  bottom: 0;
  transform: translate(-50%, 0);
}

.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 9999;
  background-color: #000000bb;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 390px) {
  .button {
    font-size: 26px;
  }
}