@use "./base" as *;

.wp-block-post-terms {
  &.is-style-buttons a {
    background-color: var(--wp--preset--color--contrast-lower);
    padding: var(--wp--preset--spacing--xxxs) var(--wp--preset--spacing--xs);
  }

  &.is-style-outline a {
    background-color: transparent;
    border: 2px solid var(--wp--preset--color--contrast-low);
    padding: var(--wp--preset--spacing--xxxxs) var(--wp--preset--spacing--xxs);
  }

  &.is-style-buttons,
  &.is-style-outline {
    a {
      color: var(--wp--preset--color--contrast-high);
      text-decoration: none;
      border-radius: 9999px;
      display: inline-block;

      &:hover {
        opacity: 0.9;
      }
    }

    .wp-block-post-terms__separator {
      display: none;
    }
  }
}