.cd-snackbar {
  visibility: hidden;
  background-color: #1aaf94;
  border-radius: 4px;
  color: #fff;
  box-shadow: none;
  font-size: 13px;
  padding: 16px;
  position: fixed;
  z-index: 10000;
  left: 10px;
  right: 10px;
  bottom: 10px;

  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 10px;
}

.cd-snackbar.cd-snackbarShow {
  visibility: visible;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 10px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 10px; opacity: 1;}
}

.cd-snackbarDismiss {
  position: absolute;
  right: 7px;
  top: 3px;
  font-size: 17px;
  font-weight: 300;
  font-family: Arial, sans-serif;
}

.cd-snackbarMessage {
  flex-basis: 100%;
  padding-right: 20px;
}

.cd-snackbarAction {
  background: #ffffff55;
  padding: 4px 7px;
  border-radius: 5px;
}