.comments {
  .comment {
    display: flex;
    padding-bottom: 1em;
    margin-top: 1em;
    border-bottom: var(--line-width) solid var(--accent);

    .avatar-container {
      flex-shrink: 0;
      width: 75px;
      height: 75px;
      margin-right: 1em;
      outline: 1px var(--gray-2) solid;

      .avatar {
        object-fit: cover;
        width: 100%;
        height: 100%;
      }

    }

    .body {
      .username {
        font-weight: 500;
      }
      p {
      }
    }

    .buttons {
      display: flex;
      flex-direction: row;

      button {
        border: none;
        padding: 0 1em;
        background-color: transparent;
      }
    }
  }
}