
.cc_ygsyvcoo_6PfNzFhFEc .hira-blogcats, .cc_ygsyvcoo_QpaOZGMVmb .hira-blogcats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cc_ygsyvcoo_6PfNzFhFEc .hira-blogcats__item, .cc_ygsyvcoo_QpaOZGMVmb .hira-blogcats__item {
  padding: 10px 18px;
  border: 1px solid var(--color-divider);
  color: var(--color-text);
  font: 700 14px var(--font-heading);
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.cc_ygsyvcoo_6PfNzFhFEc .hira-blogcats__item:hover, .cc_ygsyvcoo_QpaOZGMVmb .hira-blogcats__item:hover {
  border-color: var(--color-text);
}

.cc_ygsyvcoo_6PfNzFhFEc .hira-blogcats__item.is-active, .cc_ygsyvcoo_QpaOZGMVmb .hira-blogcats__item.is-active {
  background: var(--color-text);
  border-color: var(--color-text);
  color: var(--color-bg);
}

@media (max-width: 767px) {
  .cc_ygsyvcoo_6PfNzFhFEc .hira-blogcats, .cc_ygsyvcoo_QpaOZGMVmb .hira-blogcats {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-right: calc(var(--hira-gutter) * -1);
    padding-right: var(--hira-gutter);
    scrollbar-width: none;
  }
  .cc_ygsyvcoo_6PfNzFhFEc .hira-blogcats::-webkit-scrollbar, .cc_ygsyvcoo_QpaOZGMVmb .hira-blogcats::-webkit-scrollbar {
    display: none;
  }
}
