.md-top {
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, color 0.25s !important;
}

[data-md-color-scheme="default"] .md-icon.md-top {
  background-color: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  color: var(--md-default-fg-color--light); 
}

[data-md-color-scheme="default"] .md-top:hover {
  color: #8c8e95 !important;
}

[data-md-color-scheme="slate"] .md-icon.md-top {
  background-color: rgba(30, 33, 41, 0.7) !important; 
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

[data-md-color-scheme="slate"] .md-top:hover {
  color: #8c8e95 !important;
}