// main: ../main.scss
/*--------------------------------------------------------------
# Tags Widget Widget
--------------------------------------------------------------*/
.tags-widget {
  margin-bottom: -10px;

  ul {
    list-style: none;
    padding: 0;
    margin: 0;

    li {
      display: inline-block;
    }

    a {
      color: color-mix(in srgb, var(--default-color), transparent 30%);
      font-size: 14px;
      padding: 6px 14px;
      margin: 0 6px 8px 0;
      border: 1px solid color-mix(in srgb, var(--default-color), transparent 60%);
      display: inline-block;
      transition: 0.3s;

      &:hover {
        background: var(--accent-color);
        color: var(--contrast-color);
        border: 1px solid var(--accent-color);
      }

      span {
        padding-left: 5px;
        color: color-mix(in srgb, var(--default-color), transparent 60%);
        font-size: 14px;
      }
    }
  }
}