.YdBlogFilterBar {
  background-color: #ffffff;
  padding-block-start: 22px;
  padding-block-end: 22px;
  padding-inline-start: 44px;
  padding-inline-end: 44px;
  border-block-end: 1px solid #f1f1f1;
  margin-block-end: 20px;
}
@media (max-width: 980px) {
  .YdBlogFilterBar {
    padding-block-start: 18px;
    padding-block-end: 18px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }
}

.YdBlogFilterBar_Inner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-inline-size: 1180px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.YdBlogFilterBar_Btn {
  display: inline-flex;
  align-items: center;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 999px;
  padding-block-start: 8px;
  padding-block-end: 8px;
  padding-inline-start: 18px;
  padding-inline-end: 18px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.YdBlogFilterBar_Btn:hover {
  background-color: #fff8fb;
  border-color: #d77aa8;
  color: #b65b8a;
}

.YdBlogFilterBar_Btn.is-active {
  background-color: #d77aa8;
  border-color: #d77aa8;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(215, 122, 168, 0.18);
}

/*# sourceMappingURL=add_yd_blog-filter-bar.css.map */