@import '@/styles/responsive.scss';

.chatHader {
  display: flex;

  position: relative;
  justify-content: flex-start;
  align-items: flex-start;

  h3 {
    font-size: 22px;

    @include laptop {
      font-size: 15px;
    }
  }

  p {
    @include laptop {
      font-size: 13px;
    }
  }

  .ChatUser {
    width: 50.001px;
    min-width: 50px;
    height: 50.001px;
  }

  &::after {
    position: absolute;
    bottom: 0px;
    background: rgba(56, 124, 68, 0.2);
    width: 100%;
    height: 2px;
    content: '';
  }
}