/* -----------------------------------------------
---------------- NOTIFICATION TRAY ---------------
----------------------------------------------- */

.notifications-icon {
  position: relative;
}

.notifications-icon:hover .notification-count {
  border: 2px solid #505050;
}

.notification-count {
  position: absolute;
  border-radius: 50%;
  background-color: rgb(255, 100, 100);
  right: 3px;
  top: 3px;
  color: #fff;
  font-size: 10px;
  padding: 3px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #434343;
}