@media only screen and (max-width: 600px) {
  #snackbar-mobile {
    visibility: hidden;
    position: fixed;
    left: 2%;
    bottom: 3%;
    width: 53rem;
    max-width: 95%;
    height: 60px;
    padding: 0.3rem;
    margin-top: auto;
    display: flex !important;
    align-items: center;
    gap: 1rem;
    background:linear-gradient(to bottom, #bd8c2c 0%, #e0b773 100%);
    color: #211515;
    text-align: center;
    font-family: Glory, sans-serif;
    font-size: 12px;
    border: 1px solid #e0b773;
    border-radius: 4px 12px !important;
    transform: translateX(0);
    z-index: 999999;
  }

  .snackbar-mobile-icon {
    max-width: 2rem;
    padding-right: 0.6rem;
  }

  .snackbar-mobile-img {
    max-width: 35px;
    margin-left: 1rem;
  }

  #snackbar-mobile.tampil {
    visibility: visible;
    -webkit-animation: 0.8s fadein, 0.8s 4.5s fadeout;
    animation: 0.8s fadein, 0.8s 4.5s fadeout;
  }

  #snackbar-mobile span,
  #snackbar-mobile strong {
    font-weight: 700;
    color: #211515;
  }

  .snackbar-mobile-nominal {
    font-size: 1rem;
  }

  #withdraw-mobile {
    font-size: 0.8rem;
  }

  /* Keyframe Animations */
  @-webkit-keyframes fadein {
    from {
      bottom: 0;
      opacity: 0;
    }
    to {
      bottom: 3%;
      opacity: 1;
    }
  }

  @keyframes fadein {
    from {
      bottom: 0;
      opacity: 0;
    }
    to {
      bottom: 3%;
      opacity: 1;
    }
  }

  @-webkit-keyframes fadeout {
    from {
      bottom: 3%;
      opacity: 1;
    }
    to {
      bottom: 0;
      opacity: 0;
    }
  }

  @keyframes fadeout {
    from {
      bottom: 3%;
      opacity: 1;
    }
    to {
      bottom: 0;
      opacity: 0;
    }
  }
}