/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-1v12lhe {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.content.svelte-1v12lhe {
  font-size: 26rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  font-variant: all-small-caps;
  padding: var(--spacing-md);
  background-color: var(--color-button);
  gap: 20rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: var(--border-size) solid var(--border-color);
}
.content.sm.svelte-1v12lhe {
  font-size: 18rem;
  padding: var(--spacing-sm);
  padding-left: var(--spacing-md);
}
.content.svelte-1v12lhe .icons:where(.svelte-1v12lhe) {
  display: flex;
  align-items: center;
  gap: 10rem;
  animation: svelte-1v12lhe-bounce 0.4s infinite linear;
}

.bottom-container.svelte-1v12lhe {
  background-color: var(--color-buttonShadow);
  height: 12rem;
  border: var(--border-size) solid var(--border-color);
  border-top: 0;
  width: 100%;
}

@keyframes svelte-1v12lhe-bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.disabled-button.svelte-1v12lhe {
  background-color: transparent;
  opacity: 0.5;
}

.container.svelte-1v12lhe {
  width: 100%;
}
.container.svelte-1v12lhe:hover:enabled .content:where(.svelte-1v12lhe) {
  background-color: var(--color-buttonHover);
  transform: translateY(4rem);
}
.container.svelte-1v12lhe:hover:enabled .bottom-container:where(.svelte-1v12lhe) {
  background-color: var(--color-buttonHoverShadow);
}
.container.svelte-1v12lhe:active:enabled .content:where(.svelte-1v12lhe) {
  background-color: var(--color-buttonHover);
  transform: translateY(8rem);
}