@shopware-ag/meteor-component-library/dist/mt-link.css

The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).

.mt-link {
&[data-v-24156821] {
  display: inline-flex;
  column-gap: 0.25em;
  align-items: center;
  cursor: pointer;
  margin: 0;
  font-family: var(--font-family-body);
  text-decoration: underline;
}
&[data-v-24156821]:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--color-border-brand-default);
    border-radius: var(--border-radius-xs);
}
}
.mt-link[data-v-24156821]:is(:disabled, .mt-link--disabled) {
  cursor: not-allowed;
}
.mt-link--primary[data-v-24156821] {
  color: var(--color-text-brand-default);
}
.mt-link--primary[data-v-24156821]:is(:hover, :active) {
  color: var(--color-text-brand-hover);
}
.mt-link--primary[data-v-24156821]:is(:disabled, .mt-link--disabled) {
  color: var(--color-text-brand-disabled);
}
.mt-link--critical[data-v-24156821] {
  color: var(--color-text-critical-default);
}
.mt-link--critical[data-v-24156821]:is(:hover, :active) {
  color: var(--color-text-critical-hover);
}
.mt-link--critical[data-v-24156821]:is(:disabled, .mt-link--disabled) {
  color: var(--color-text-critical-disabled);
}