);
      background-position: 100% 100%;
    }
  }

  .os.link {
    font-weight: var(--maui-font-weight-regular);
  }

  .os.link:not([disabled]) .label {
    display: block;
  }

  .os.link:not([disabled]):hover .label {
    text-decoration: none;
  }

  .os.link:not([disabled]):hover .label span {
    text-decoration: none;
    animation-duration: 0.3s;
    animation-name: hover;
    background-image: linear-gradient(
      var(--maui-color-interaction-interactionhover),
      var(--maui-color-interaction-interactionhover)
    );
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
  }

  .os.link:not([disabled]).inverted:hover .label span {
    animation-name: hover-inverted;

    background-image: linear-gradient(
      var(--maui-color-interaction-interaction-invertedhover),
      var(--maui-color-interaction-interaction-invertedhover)
    );
  }

  .os.small .prefix,
  .os.small .suffix {
    height: var(--maui-line-height-1);
  }

  .os.medium .prefix,
  .os.medium .suffix {
    height: 20px;
  }

  .os.large .prefix,
  .os.large .suffix {
    height: var(--maui-line-height-3);
  }

  .os.small {