.accordion_controls {
  display: flex;
  gap: 1em;
  justify-content: end;
}

.accordion_control {
  cursor: pointer;
  user-select: none;
}

.subcategory_title .icon-chevron-down {
  position: absolute;
  color: var(--body-color);
  line-height: 1;
  right: 0;
  padding: 0.35em;
  transform: rotateX(0deg);
  transition: transform 0.3s ease-out;
  font-size: 0.75em;
}

.subcategory_title.active .icon-chevron-down {
  transform: rotateX(180deg);
}

.subcategory_title.active .icon-chevron-down, .subcategory_title:hover .icon-chevron-down {
  color: var(--body-color);
}

.subcategory_title {
  position: relative;
  font-family: var(--spicy-font-family-headings);
  font-weight: var(--spicy-font-weight-headings);
  font-size: 1.375rem;
  color: var(--body-color);
  cursor: pointer;
  margin-top: 0;
  padding: 0.85em 0 0.125em 0;
  margin-bottom: 0.875em;
  border-bottom: 2px solid var(--body-color);
  line-height: 1.2;
  user-select: none;
}

.subcategory_title:hover, .subcategory_title.active {
  color: var(--body-color);
  border-bottom: 2px solid var(--body-color);
}

.subcategory_accordion.blog-items {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  margin: 0;
}

.subcategory_title.active + .subcategory_accordion.blog-items {
  margin: 2em 0 3em 0;
  animation: fadeInAnimation ease 0.75s;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}