/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--link-button--font-size--medium: var(--digi--typography--button--font-size--desktop);
  --digi--link-button--font-family: var(--digi--global--typography--font-family--default);
  --digi--link-button--font-weight: var(--digi--typography--button--font-weight--desktop);
  --digi--link-button--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--largest);
  --digi--link-button--border: var(--digi--border-width--secondary) solid;
  --digi--link-button--border-radius: var(--digi--global--border-radius--largest-2);
  --digi--link-button--icon--margin-left: var(--digi--margin--large);
  --digi--link-button--color--primary--default: var(--digi--color--text--interactive--secondary);
  --digi--link-button--color--primary--hover: var(--digi--color--text--interactive--secondary);
  --digi--link-button--background--primary--default: var(--digi--color--background--interactive--default--primary);
  --digi--link-button--background--primary--hover: var(--digi--color--background--interactive--hover--primary);
  --digi--link-button--border-color--primary--default: var(--digi--color--border--interactive--default--primary);
  --digi--link-button--border-color--primary--hover: var(--digi--color--border--interactive--hover--primary);
  --digi--link-button--color--primary-alt--default: var(--digi--color--text--interactive--brand-primary);
  --digi--link-button--color--primary-alt--hover: var(--digi--color--text--interactive--brand-primary);
  --digi--link-button--background--primary-alt--default: var(--digi--color--background--interactive--default--primary-inverted);
  --digi--link-button--background--primary-alt--hover: var(--digi--color--background--interactive--hover--inverted);
  --digi--link-button--border-color--primary-alt--default: var(--digi--color--border--interactive--default--inverted);
  --digi--link-button--border-color--primary-alt--hover: var(--digi--color--border--interactive--hover--inverted);
  --digi--link-button--color--secondary--default: var(--digi--color--text--interactive--brand-primary);
  --digi--link-button--color--secondary--hover: var(--digi--color--text--interactive--brand-primary);
  --digi--link-button--background--secondary--default: var(--digi--color--background--interactive--default--secondary);
  --digi--link-button--background--secondary--hover: var(--digi--color--background--interactive--hover--secondary);
  --digi--link-button--border-color--secondary--default: var(--digi--color--border--interactive--default--primary);
  --digi--link-button--border-color--secondary--hover: var(--digi--color--border--interactive--hover--secondary);
  --digi--link-button--color--secondary-alt--default: var(--digi--color--text--interactive--brand-secondary);
  --digi--link-button--color--secondary-alt--hover: var(--digi--color--text--interactive--brand-primary);
  --digi--link-button--background--secondary-alt--default: var(--digi--color--background--interactive--default--secondary-inverted);
  --digi--link-button--background--secondary-alt--hover: var(--digi--color--background--interactive--hover--inverted);
  --digi--link-button--border-color--secondary-alt--default: var(--digi--color--border--interactive--default--inverted);
  --digi--link-button--border-color--secondary-alt--hover: var(--digi--color--border--interactive--hover--inverted);
  --BADGE--RIGHT: 1.75rem;
}
:host.digi-link-button--primary {
  --COLOR--DEFAULT: var(--digi--link-button--color--primary--default);
  --COLOR--HOVER: var(--digi--link-button--color--primary--hover);
  --BACKGROUND--DEFAULT: var(--digi--link-button--background--primary--default);
  --BACKGROUND--HOVER: var(--digi--link-button--background--primary--hover);
  --BORDER-COLOR--DEFAULT: var(--digi--link-button--border-color--primary--default);
  --BORDER-COLOR--HOVER: var(--digi--link-button--border-color--primary--hover);
}
:host.digi-link-button--primary-alt {
  --COLOR--DEFAULT: var(--digi--link-button--color--primary-alt--default);
  --COLOR--HOVER: var(--digi--link-button--color--primary-alt--hover);
  --BACKGROUND--DEFAULT: var(--digi--link-button--background--primary-alt--default);
  --BACKGROUND--HOVER: var(--digi--link-button--background--primary-alt--hover);
  --BORDER-COLOR--DEFAULT: var(--digi--link-button--border-color--primary-alt--default);
  --BORDER-COLOR--HOVER: var(--digi--link-button--border-color--primary-alt--hover);
}
:host.digi-link-button--secondary {
  --COLOR--DEFAULT: var(--digi--link-button--color--secondary--default);
  --COLOR--HOVER: var(--digi--link-button--color--secondary--hover);
  --BACKGROUND--DEFAULT: var(--digi--link-button--background--secondary--default);
  --BACKGROUND--HOVER: var(--digi--link-button--background--secondary--hover);
  --BORDER-COLOR--DEFAULT: var(--digi--link-button--border-color--secondary--default);
  --BORDER-COLOR--HOVER: var(--digi--link-button--border-color--secondary--hover);
}
:host.digi-link-button--secondary-alt {
  --COLOR--DEFAULT: var(--digi--link-button--color--secondary-alt--default);
  --COLOR--HOVER: var(--digi--link-button--color--secondary-alt--hover);
  --BACKGROUND--DEFAULT: var(--digi--link-button--background--secondary-alt--default);
  --BACKGROUND--HOVER: var(--digi--link-button--background--secondary-alt--hover);
  --BORDER-COLOR--DEFAULT: var(--digi--link-button--border-color--secondary-alt--default);
  --BORDER-COLOR--HOVER: var(--digi--link-button--border-color--secondary-alt--hover);
}

::slotted(a digi-badge-notification) {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: var(--BADGE--RIGHT);
}

::slotted(a) {
  position: relative;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--digi--link-button--font-family);
  font-size: var(--digi--link-button--font-size--medium);
  height: 2.5rem;
  font-weight: var(--digi--link-button--font-weight);
  background: var(--BACKGROUND--DEFAULT);
  padding: var(--digi--link-button--padding--medium);
  border-radius: var(--digi--link-button--border-radius);
  border: var(--digi--link-button--border);
  border-color: var(--BORDER-COLOR--DEFAULT);
  box-sizing: border-box;
  white-space: nowrap;
}
::slotted(a), ::slotted(a):visited {
  color: var(--COLOR--DEFAULT);
}
::slotted(a):hover, ::slotted(a):focus-visible, ::slotted(a):active {
  background: var(--BACKGROUND--HOVER);
  color: var(--COLOR--HOVER);
  border-color: var(--BORDER-COLOR--HOVER);
}
::slotted(a):hover .digi-link-button__icon, ::slotted(a):focus-visible .digi-link-button__icon, ::slotted(a):active .digi-link-button__icon {
  --COLOR--DEFAULT: var(--COLOR--HOVER);
}
::slotted(a):focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
  box-shadow: 0px 0px 0px 5px white;
}
.digi-link-button--hide-icon ::slotted(a) [class*=digi-icon],
.digi-link-button--hide-icon ::slotted(a) .digi-link-button__icon {
  display: none;
}
.digi-link-button--fullwidth ::slotted(a) {
  width: 100%;
}
::slotted(a) [class*=digi-icon],
::slotted(a) .digi-link-button__icon {
  margin-left: var(--digi--link-button--icon--margin-left);
  --digi--icon--color: var(--COLOR--DEFAULT);
}