.close {
  float: right;
  color: #0097c7;
  color: var(--color-content-accent);
  -webkit-text-decoration: none;
  text-decoration: none;
}
[dir="rtl"] .close {
  float: left;
}
.np-theme-personal .close {
  color: var(--color-interactive-primary);
}
.close:hover {
  color: #0084b3;
  color: var(--color-content-accent-hover);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
}
.np-theme-personal .close:hover {
  color: var(--color-interactive-primary-hover);
}
.close:focus {
  outline: none;
}
.close:focus-visible {
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
  outline-offset: var(--ring-outline-offset);
}
.close:active {
  color: #0077a5;
  color: var(--color-content-accent-active);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.np-theme-personal button.close:hover {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}
