:host {
  @apply flex flex-col;
}

.message {
  @apply text-base text-center whitespace-pre-line break-words my-4;
}

input {
  @apply text-lg my-4 mx-auto w-96 border-b-2 border-gray-300 focus:border-brand focus:outline-none px-3 py-1;
}

.actions {
  @apply text-center;

  button {
    @apply mx-2;
  }

  button.cancel {
    @apply px-5 py-3 bg-white text-brand text-cta-l rounded-full border-none outline-none;
  }

  button.confirm {
    @apply px-5 py-3 bg-brand text-white text-cta-l rounded-full border-none outline-none;
  }
}
