.empty {
  text-align: center;
  margin: 50px 0; }

.conversations {
  margin-bottom: 30px; }
  .conversations .conversation {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .3);
    padding: 15px;
    transition: all 0.4s;
    cursor: pointer;
    margin-top: 15px; }
    .conversations .conversation.unseen {
      background-color: #fffcea; }
    .conversations .conversation .user span {
      color: red; }
    .conversations .conversation .date {
      font-size: 11px;
      margin-top: 6px; }
    .conversations .conversation .mail-icon {
      background: whitesmoke;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 10px; }
      .conversations .conversation .mail-icon img {
        width: 35px;
        filter: invert(1) brightness(0.5);
        height: auto;
        height: intrinsic;
        margin: 10px; }
    .conversations .conversation .user-image {
      margin-left: auto;
      border-radius: 50%;
      width: 50px;
      height: 50px; }
  .conversations .conversation:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    transform: scale(1.005); }