body {
  font-family: "Inter", sans-serif;
}

.content-link {
  color: #0f172a; /* text-slate-900 */
  font-weight: 600; /* font-semibold */
  text-decoration-line: none;
  transition: all 0.2s ease-in-out;
  border-radius: 0.25rem;
}

.dark .content-link {
  color: #ffffff; /* text-white */
}

.content-link:hover {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.content-link::after {
  content: "";
  display: inline-block;
  width: 1rem; /* w-4 */
  height: 1rem; /* h-4 */
  margin-left: 0.25rem; /* ml-1 */
  vertical-align: -0.125rem; 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}