.notify-kas {
  position: relative;
  z-index: 9999;
}

.notify-kas__content {
  position: fixed;
  left: 0;
  top: -100px;
  right: 0;
  z-index: 999;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

  padding: 10px 16px;
  margin-left: auto;
  margin-right: auto;

  width: 600px;
  border-radius: 4px;

  transition: top 0.5s;
}

.notify-kas__content_info {
  background: #CCE5FF;
  border: 1px solid #B8DAFF;
  color: #004085;
}

.notify-kas__content_info .notify-kas__button {
  color: #004085;
}

.notify-kas__content_warning {
  background: #FFF3CD;
  border: 1px solid #FFEEBA;
  color: #856404;
}

.notify-kas__content_warning .notify-kas__button {
  color: #856800;
}

.notify-kas__content_success {
  background: #D4EDDA;
  border: 1px solid #C3E6CB;
  color: #155724;
}

.notify-kas__content_success .notify-kas__button {
  color: #155724;
}

.notify-kas__content_danger {
  background: #F2DEDE;
  border: 1px solid #F2DEDE;
  color: #B94A48;
}

.notify-kas__content_danger .notify-kas__button {
  color: #B94A48;
}

.notify-kas__text {
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  margin-right: 10px;
}

.notify-kas__action {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.notify-kas__button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  font-weight: bold;
  padding: 0;
  margin-right: 10px;
  padding: 0px 7px;
  border-radius: 4px;
}

.notify-kas__button:hover {
  background-color: #80808040;
}

.notify-kas__close {
  cursor: pointer;
  border-radius: 4px;
  padding: 2px 5px;
}

.notify-kas__close:hover {
  background-color: #80808040;
}