//
// Copyright IBM Corp. 2019, 2024
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/theme' as *;
@use '@carbon/styles/scss/type' as *;
@use '@carbon/styles/scss/utilities' as *;
@use '@carbon/styles/scss/utilities/convert' as *;
@use '../../globals/vars' as *;
@use '../../globals/imports' as *;

@mixin tag-link {
  :host(#{$c4d-prefix}-tag-link) a {
    @include type-style(body-01, true);

    padding: to-rem(6px) $spacing-05;
    border-radius: to-rem(15px);
    background-color: $layer-01;
    color: $text-secondary;
    text-decoration: none;

    &:hover {
      background-color: $background-hover;
      color: $text-primary;
    }

    &:active {
      background-color: $layer-active-01;
    }

    &:focus {
      box-shadow: inset 0 0 0 $spacing-01 $focus;
      outline: none;
    }
  }
}