/* link.st.css mixin */
:import {
  -st-from: "../themes/base/project.st.css";
  -st-default: Base;
  -st-named: --color-link, --color-faint;
}

:import {
  -st-from: "./linkFocus.st.css";
  -st-named: linkFocus;
}

.root {
  text-decoration: none;
  color: var(--color-link);
  border-bottom: 1px solid var(--color-link);
  /* padding to push the border down */
  padding: 0.09rem 0;
  transition: 0.5s ease;
  display: inline-block;
}

.root:hover {
  background-color: var(--color-faint);
}

.root:focus {
  -st-mixin: linkFocus;
}