#version-notification {
  display: none;
  position: absolute;
  bottom: 50px;
  background-color: #FFFFFF;
  left: 50%;
  bottom: 40px;
  transform: translate(-50%, -50%);
  z-index: 100;
  border: 1px solid #E1DFD6;
  font-family: sofia-pro,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  padding: 16px;
  font-size: 14px;
  border-radius: 4px;
  color: #3E3F42;
}

#version-notification-button {
  margin-left: 16px;
  border: 1px solid #2D9C3C;  
  border-radius: 4px;
  background: linear-gradient(0deg, #34AA44 0%, #38B249 100%);;
  padding: 0px 12px;
  height: 38px;
  font-family: sofia-pro,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  color: #FFFFFF;
}

#version-notification-button:hover {
  cursor: pointer;
  background: linear-gradient(0deg, #259835 0%, #27A337 100%);
  border: 1px solid #1A8628;
  box-sizing: border-box;
  box-shadow: 0px 1px 1px rgba(19, 31, 21, 0.18), inset 0px 2px 0px rgba(255, 255, 255, 0.06);
}

modal-content::part(modal.fade-in) {
  width: 100%;
}
