.solid-button.svelte-104k54 {
  position: relative;
  height: 3rem;
  padding: 0 1.5rem;
  border-radius: 60px;
  transition: background-color 0.15s ease-out;
  align-items: center;
  font-family: Sora;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
}
.solid-button.grey.svelte-104k54 {
  overflow: hidden;
  z-index: 0;
}
.solid-button.grey.svelte-104k54:before {
  background-color: #ffffff1a;
  content: "";
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
}
.solid-button.grey.svelte-104k54:hover:before {
  background-color: #ffffff26;
}
.solid-button.grey.svelte-104k54:active:before {
  background-color: #fff3;
}
.solid-button.loading.svelte-104k54 {
  cursor: not-allowed;
}
.circle.svelte-104k54 {
  display: flex;
  align-items: center;
  padding: 0 0 0 33px;
  width: 80px;
  height: 80px;
}
.solid-button-deep-black.svelte-104k54 {
  background: #0c0b0e;
  color: #d3cce0;
}
.solid-button-deep-black.svelte-104k54:hover {
  background-color: #3d3847;
}
.spinner-wrapper.svelte-104k54 {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(242 237 253 / var(--tw-bg-opacity));
  border-radius: 60px;
}
.spinner.svelte-104k54 {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  display: inline-block;
  background: linear-gradient(0deg, #0000, #000);
  box-sizing: border-box;
  animation: svelte-104k54-rotation 1s linear infinite;
}
.spinner.svelte-104k54:after {
  --tw-bg-opacity: 1;
  background-color: rgb(242 237 253 / var(--tw-bg-opacity));
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
@keyframes svelte-104k54-rotation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}