.notification-holder-3 {
  padding: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 25px;
  background: #000;
  color: #FFF;
  -moz-box-shadow: #CCCCCC 0 3px 20px;
  -webkit-box-shadow: #CCCCCC 0 3px 20px;
  box-shadow: #CCCCCC 0 3px 20px;
}
.notification-holder-3 > div:first-child {
  -webkit-flex: 0 0 60px;
  flex: 0 0 60px;
  max-width: 60px;
}
.notification-holder-3 > div + div {
  margin-left: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}
.notification-holder-3__icon {
  width: 60px;
  height: 60px;
  background: #ffffff;
  color: #000;
  border-radius: 99px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 32px;
}
.notification-holder-3.color-bg-primary .notification-holder-3__icon,
.notification-holder-3.color-bg-secondary .notification-holder-3__icon {
  background: #ffffff;
}
.notification-holder-3.color-bg-primary .notification-holder-3__icon {
  color: #32465F;
}
.notification-holder-3.color-bg-secondary .notification-holder-3__icon {
  color: #00E187;
}
.notification-holder-3.color-bg-tertiary,
.notification-holder-3.color-bg-quaternary {
  color: #32465F;
}
.notification-holder-3.color-bg-tertiary .notification-holder-3__icon,
.notification-holder-3.color-bg-quaternary .notification-holder-3__icon {
  color: #32465F;
}
.notification-holder-3.color-bg-danger .notification-holder-3__icon {
  color: #C40D30;
}