/******* Do not edit this file *******
Code Snippets Manager
Saved: Nov 18 2025 | 00:19:35 */
/*
 * Hover Arrow Animation
 * Container for the link text and arrow
 */
.text-arrow-link {
  width: fit-content;    /* Makes the link only as wide as its content */
}

/* * The arrow icon
 * The transition property makes the movement smooth
 */
.arrow-icon {
  transition: transform 0.3s ease;
}

/* * The HOVER effect
 * When you hover the .text-arrow-link container...
 * ...only the .arrow-icon element gets transformed
 */
.text-arrow-link:hover .arrow-icon {
  transform: translateX(1rem); /* Moves the arrow 6px to the right */
}