/* Custom CSS for O nás button arrow icon */

/* Target the O nás button specifically by its href */
/* Override default arrow with a different style */
.b-btn-c.i-a a[href*="o-nas/index.html"]::after {
  content: '»' !important;
  margin-left: 0.5rem !important;
  font-size: 1.1em !important;
  font-weight: bold !important;
  display: inline-block !important;
  transition: transform 0.3s ease !important;
}

/* Hover effect for the arrow */
.b-btn-c.i-a a[href*="o-nas/index.html"]:hover::after {
  transform: translateX(3px) !important;
}

/* Ensure the button link has proper positioning */
.b-btn-c.i-a a[href*="o-nas/index.html"] {
  position: relative;
}

/* Alternative arrow styles - uncomment to use different styles */

/* Style 1: Right-pointing chevron */
/*
.b-btn-c.i-a a[href*="o-nas/index.html"]::after {
  content: '›';
  margin-left: 0.5rem;
  font-size: 1.3em;
}
*/

/* Style 2: Double chevron */
/*
.b-btn-c.i-a a[href*="o-nas/index.html"]::after {
  content: '»';
  margin-left: 0.5rem;
  font-size: 1.1em;
  font-weight: bold;
}
*/

/* Style 3: Arrow with line */
/*
.b-btn-c.i-a a[href*="o-nas/index.html"]::after {
  content: '⟶';
  margin-left: 0.5rem;
  font-size: 1.2em;
}
*/

/* Style 4: CSS triangle arrow */
/*
.b-btn-c.i-a a[href*="o-nas/index.html"]::after {
  content: '';
  display: inline-block;
  margin-left: 0.5rem;
  width: 0;
  height: 0;
  border-left: 6px solid currentColor;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  vertical-align: middle;
}
*/