html {
  --color-buttons-swiper: #2f9bff;
  --color-error-message: #d64343;
}

.sucessNotification,
.errorNotification {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -100%;
  right: -100%;
  padding: 10px 30px;
  font-size: clamp(0.9em, 2vw, 1em);
  font-weight: 500;
  font-family: "Poppins";
  color: #000000;
  border-radius: 5px;
  z-index: 70;
  background-color: #ffffff;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  text-transform: capitalize;
  box-shadow: 9px 14px 13px 0px rgba(0, 0, 0, 0.35);
}

.onNotifications {
  top: 10px;
  right: 10px;
}

.sucessNotification {
  border-bottom: 5px solid var(--color-buttons-swiper);
}

.errorNotification {
  border-bottom: 5px solid var(--color-error-message);
}