.btn-inline {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #007b5e;
  font-weight: 500;
  text-decoration: none;
  color: var(--color-lightgreen);
  .btn-icon {
    width: 1em;
    height: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    rotate: -45deg;
    color: var(--color-lightgreen);
    transition: all 0.5s;
  }
  &:hover,
  &:focus-visible {
    color: var(--color-orange);
    .btn-icon {
      rotate: 0deg;
      color: inherit;
    }
  }
}