.snackbar {
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  backdrop-filter: blur(25px) saturate(112%);
  -webkit-backdrop-filter: blur(25px) saturate(112%);
  background-color: rgba(255, 255, 255, 0.11);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.125);
  font-size: 28px;
  text-align: center; /* Centered text */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}