.button--new {
  padding-block-start: var(--spacing-4);
  padding-block-end: var(--spacing-4);
  padding-inline-start: 40px;
  padding-inline-end: 40px;
}

.button-underline {
  text-decoration: underline;

  &:hover {
    text-decoration: none;
  }
}

.btn-arrow {
  transition: transform .2s ease-in-out;
}

.group[aria-expanded="true"] .btn-arrow {
  transform: rotate(180deg);
}