.fg-social-activity-item {
  max-width: 375px;
  padding: 15px;
  cursor: pointer;
  transition: background .4s ease;
  text-align: left;
}

.fg-social-activity-item--empty {
  cursor: auto;
}

.fg-social-activity-item-empty-text {
  font-size: 15px;
  margin: 0;
}

.fg-social-activity-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.fg-social-activity-avatar {
  background-size: cover;
  width: 35px;
}

.fg-social-activity-avatar-img {
  transition: all .8s ease;
  border-radius: 50%;
}

.fg-social-activity-info {
  flex-grow: 1;
  max-width: 275px;
  padding: 0 10px 0 15px;
}

.fg-social-activity-username {
  margin: -2px 0 0 0;
  font-size: 15px;
}

.fg-social-activity-display-date {
  margin-left: 5px;
  font-size: 13px;
}

.fg-social-activity-display-date--unseen {
  color: #ea4c89;
}

.fg-social-activity-description {
  font-size: 15px;
}

.fg-social-activity-following-status {
  width: 35px;
  align-self: stretch;
  text-align: right;
}

.fg-social-activity-following-status-type {
  font-size: 25px;
  cursor: pointer;
}

.fg-social-activity-following-status-type--is-following {
  font-size: 25px;
  cursor: pointer;
}

.fg-social-activity-following-status-type:before {
  color: #ea4c89;
}

.fg-social-activity-following-status-type--is-following:before {
  color: #08b58e;
}

.fg-social-activity-text-suffix {
  margin-left: -4px;
}

.fg-social-activity-related-item {
  order: 0;
  flex: 0 1 auto;
  align-self: stretch;
}