.notification a {
  background: var(--color-terminal-blue);
  color: var(--color-background-night);
  display: block;
  padding: 0.6em;
  text-align: center;
  text-decoration: none;
  transition:
    background var(--transition),
    color var(--transition)
  ;
}



/* The anchor clears its own underline, and <s> takes its line-through from the
   UA stylesheet alone — which WebKit drops for descendants of an element that
   set text-decoration: none. Declaring it here doesn't depend on the default. */
.notification s {
  text-decoration: line-through;
}



@media(hover: hover) {

  .notification a:hover {
    background: var(--color-turquoise);
    color: var(--color-background-night);
  }

}