@import '../../scss/variables.scss';

.cover-picture {
  position: relative;

  .remove-cover-pic {
    padding: 3px 8px;
    background-color: #fe3d6c;
    color: #ffffff;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    font-size: 14px;
  }

  img {
    max-height: 200px;
    object-fit: cover;
    width: 100%;
  }
}

.notification {
  .notification-message {
    color: inherit;
    margin-right: 2%;
    width: 68%;

    .alert-link {
      color: var(--color-primary)
    }
  }

  .notification-date {
    color: inherit;
    width: 20%;
  }

  .notification-actions {
    color: inherit;
    width: 10%;

    span {
      color: inherit;
      cursor: pointer;
    }
  }
}