import { css } from 'styled-components';

export const markdownLinksCss = css`
  a:not([role='button']) {
    text-decoration: var(--link-decoration);
    color: var(--link-color-primary);
    font-weight: var(--link-font-weight);

    &:visited {
      color: var(--link-color-visited);
      text-decoration: var(--link-visited-decoration);
    }

    &:hover,
    &:focus {
      text-decoration: var(--link-decoration-hover);
      color: var(--link-color-primary-hover);
    }
  }
`;