.tg-notification{
  position:fixed;
  left:16px;
  bottom:16px;
  z-index:1500;
  display:flex;
  align-items:flex-start;
  padding:16px;
  border:none;
  border-radius:16px;
  background:linear-gradient(to right, rgba(44, 119, 158, 1), rgba(37, 165, 229, 1) 62.18%);
  max-width:360px;
  opacity:0;
  transform:translateY(16px);
  transition:opacity .25s ease, transform .25s ease;
  pointer-events:none;
}
.tg-notification.is-visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.tg-notification.is-hidden{
  opacity:0;
  transform:translateY(16px);
  pointer-events:none;
}
.tg-notification__icon{
  width:40px;
  height:40px;
  border-radius:10px;
  object-fit:cover;
  flex:0 0 40px;
  margin-right:22px;
}
.tg-notification__body{flex:1;min-width:0;}
.tg-notification__text{margin:0 0 14px 0;}
.tg-notification__line{margin:0;color:rgb(255, 255, 255);}
.tg-notification__actions{display:flex;align-items:center;flex-wrap:wrap;}
.tg-notification__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-inline:12px;
  height:32px;
  background:#EFF0F1;
  border-radius:12px;
  font-family:inherit;
  font-weight:500;
  font-size:13px;
  color:#2F3143;
  text-decoration:none;
  border:none;
  cursor:pointer;
}
.tg-notification__dismiss{
  margin-left:24px;
  padding:0;
  border:none;
  background:transparent;
  font-family:"Manrope", sans-serif;
  font-weight:500;
  font-size:13px;
  color:rgba(175, 228, 255, 1);
  cursor:pointer;
}
@media (max-width: 767px){
  .tg-notification{
    left:var(--page-pad, 16px);
    right:var(--page-pad, 16px);
    bottom:16px;
    max-width:none;
  }
}