/* link.st.css */
@namespace "Link";

/* = Project info and vars */
:import {
  -st-from: "./project.st.css";
  -st-default: Base;
  -st-named:
    --font-family-base,
    --suk-magenta,
    tablet;
}

/* Import style API */
:import {
  -st-from: "../../components/Link/link.st.css";
  -st-default: Link;
}

@st-scope Base {
  Link {
    border-bottom-color: transparent;
    font-weight: 700;
  }
}

@media value(tablet) {
  @st-scope Base {
    Link:hover {
      border-bottom-color: var(--suk-magenta);
      background-color: transparent;
    }
  }
}