.modal-trigger {
  color: var(--color-blue);
  cursor: pointer;
  font-weight: 600;
  text-align: inherit;
  text-decoration: underline;
  text-underline-offset: 0.0925em;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}



@media(hover: hover) {

  .modal-trigger:focus,
  .modal-trigger:hover {
    color: var(--color-black);
  }

}