.dd-arrow {
  right: 0;
  top: 0.35rem;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.3125rem solid #000000;
  transition: transform 0.25s linear;
}

&.expanded .dd-arrow,
.expanded .dd-arrow {
  transform: rotate(180deg);
}

&:not(.expanded) ~ .fee-content td,
:not(.expanded) #feeContent {
  opacity: 0;
  max-height: 0;
  transition: max-height 0.25s, opacity 0.25s linear;
}

:not(.expanded) #feeContent * {
  opacity: 0;
  max-height: 0;
  transition: max-height 0.25s, opacity 0.25s linear;
}

&.expanded ~ .fee-content td,
.expanded #feeContent {
  max-height: 1000px;
  opacity: 1;
}

.expanded #feeContent * {
  max-height: 1000px;
  opacity: 1;
}