.paragraph--type--ut-accordion {
  margin: 2rem 0;
}
.accordion-item {
  margin-bottom: 1rem;
}
.accordion-item .accordion-header {
  border-radius: var(--ut-radius);
  background-color: var(--ut-primary-500);
  height: 53px;
}

.accordion {
  border: 0;
}

.accordion-header .accordion-button {
  font-size: 24px;
  border: 0;
  font-weight: 400;
}
.accordion-header .accordion-button:hover {
  text-decoration: none;
}

.accordion-collapse {
  background: #fff;
  margin-top: -15px;
  padding-top: 15px;
  box-shadow: var(--ut-box-shadow);
}

.accordion-header .accordion-button::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cg%3E%3Cpath fill='hsl(0deg, 0%, 100%)' d='M12,10.3l4.8,4.8c0.3,0.3,0.8,0.3,1.1,0c0.3-0.3,0.3-0.8,0-1c0,0,0,0,0,0l-4.8-4.8c-0.6-0.6-1.5-0.6-2.1,0L6.2,14c-0.3,0.3-0.3,0.8,0,1c0,0,0,0,0,0c0.3,0.3,0.8,0.3,1.1,0L12,10.3z'/%3E%3C/g%3E%3C/svg%3E");
  transform: scaleY(-1);
}
.accordion-header .accordion-button:not(.collapsed)::after {
  transform: scaleY(1);
}