/**
 * @file
 * Style rules for accordions.
 */

.accordion-pane__title button {
  background-color: unset;
  color: var(--color-text);
  border: unset;
  border-bottom: var(--border);
  padding: 20px 20px 20px 0;
  font-weight: 600;
  font-size: 1.125rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.accordion-pane__title button:hover,
.accordion-pane__title button:focus {
  -webkit-box-shadow: 0 0 0 3px var(--wc-primary);
  box-shadow: 0 0 0 3px var(--wc-primary);
  outline: none;
}

span.accordion-icon::after {
  font-size: 100%;
}
.accordion--initialised .accordion-pane__content {
  transition: height .35s ease;
}