.notification-item {
  padding: 15px;
  margin-bottom: 5px;
  border: solid 1px lightgray;
  display: flex;
  align-items: center; }
  .notification-item > a {
    flex: 1;
    display: flex;
    align-items: center; }
  .notification-item .notification-icon img {
    width: 20px;
    height: 20px;
    margin-right: 10px; }
  .notification-item .notification-date {
    font-size: 12px;
    margin-bottom: 2px;
    color: gray; }
  .notification-item .notification-remove {
    margin-left: 10px;
    width: 15px;
    height: 15px; }
    .notification-item .notification-remove img {
      width: 100%;
      height: auto;
      height: intrinsic;
      cursor: pointer;
      transition: all 0.2s;
      filter: invert(1) brightness(0.2); }
    .notification-item .notification-remove img:hover {
      filter: invert(1) brightness(0);
      transform: scale(1.05); }

.inline .action-btn {
  margin-left: auto;
  margin-bottom: 20px; }