.new-chat-container-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--spacing-02);
  background: var(--utility-grey-0);
  align-items: center;
}

.module-container-wrapper {
  display: flex;
  flex-direction: column;
  overflow: auto;
  width: 100%;
  align-items: center;
}

.module-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-06);
  padding-top: 6rem;
  padding-bottom: 6rem;
  width: 44.125rem;
}

.chat-inner-container-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--spacing-02);
  background: var(--utility-grey-0);
  align-items: center;
}

.chat-module-container {
  display: flex;
  width: 44.125rem;
  padding: var(--spacing-03);
  align-items: flex-start;
  gap: var(--spacing-03);
  border-radius: var(--radius-medium);
  background: var(--utility-white);
}

.chat-module-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-00);
  flex: 1 0 0;
}

.module-inner-container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  align-self: center;
}
.button-no-padding {
  height: 2rem;
  width: 2rem;
  padding: 0;
}

@media only screen and (min-width: 1280px) and (max-width: 1535px) {
  .chat-module-container {
    width: 36.625rem;
  }
  .module-container {
    width: 36.625rem;
  }
}

@media only screen and (min-width: 640px) and (max-width: 1279px) {
  .chat-module-container {
    width: 34.5rem;
  }
  .module-container {
    width: 34.5rem;
  }
}

@media only screen and (max-width: 639px) {
  .chat-module-container {
    width: 20.437rem;
  }
  .module-container {
    width: 20.437rem;
  }
}