/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


.btn-hover-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-right: 1.5rem; /* Initial padding without icon */
  transition: padding 0.6s ease; /* Increased duration to 0.6s */
  will-change: padding; /* Optimize for smooth transitions */
}

.btn-hover-icon .ion-md-arrow-forward {
  opacity: 0;
  max-width: 0; /* Use max-width instead of width */
  overflow: hidden;
  transform: translateX(-5px);
  transition: opacity 0.6s ease, max-width 0.6s ease, transform 0.6s ease; /* Increased duration to 0.6s */
  white-space: nowrap;
  display: inline-block; /* Keep this for visibility */
}

.btn-hover-icon:hover {
  padding-right: 2.5rem; /* Expand padding to make room for the icon */
}

.btn-hover-icon:hover .ion-md-arrow-forward {
  opacity: 1;
  max-width: 2rem; /* Set a reasonable max-width for the icon */
  transform: translateX(0);
}