Template:DrupalBack/styles.css

.drupal-back {
  margin: 0 0 1.5em;
}

.drupal-back a {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.45em 0.9em;
  border: 1px solid #c8ccd1;
  border-radius: 9999px;
  background: #f8f9fa;
  color: #202122;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease;
}

.drupal-back a:hover,
.drupal-back a:focus {
  background: #eaecf0;
  border-color: #a2a9b1;
  text-decoration: none;
}

.drupal-back a:visited {
  color: #202122;
}

html.skin-theme-clientpref-night .drupal-back a {
  background: #202122;
  border-color: #54595d;
  color: #eaecf0;
}

html.skin-theme-clientpref-night .drupal-back a:hover,
html.skin-theme-clientpref-night .drupal-back a:focus {
  background: #2a2d33;
  border-color: #72777d;
}

html.skin-theme-clientpref-night .drupal-back a:visited {
  color: #eaecf0;
}

@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .drupal-back a {
    background: #202122;
    border-color: #54595d;
    color: #eaecf0;
  }

  html.skin-theme-clientpref-os .drupal-back a:hover,
  html.skin-theme-clientpref-os .drupal-back a:focus {
    background: #2a2d33;
    border-color: #72777d;
  }

  html.skin-theme-clientpref-os .drupal-back a:visited {
    color: #eaecf0;
  }
}