.cta-label-arrow {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  transition: opacity var(--duration-default) var(--ease-smooth);
}

.cta-label-arrow .svg-wrapper {
  transform: rotate(180deg) translate(0, 0.1rem);
  width: 1.6rem;
  height: 1.6rem;
  transition: transform var(--duration-default) var(--ease-smooth);
}

.cta-label-arrow:hover {
  opacity: var(--alpha-hover);
}

.cta-label-arrow:hover .svg-wrapper {
  transform: rotate(180deg) translate(-0.2rem, 0.1rem);
}