/* Driver Solution — utilidades para .ds-btn
   - Dimensiona el SVG del icono.
   - Garantiza el mismo hover/focus/active que el resto del proyecto. */

.ds-btn .ds-ico,
a.ds-btn .ds-ico,
button.ds-btn .ds-ico{
  width: 1.05rem;
  height: 1.05rem;
  flex-shrink: 0;
}

.ds-btn,
a.ds-btn,
a.ds-btn:link,
a.ds-btn:visited,
button.ds-btn{
  gap: .55rem;
  color: #fff !important;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.ds-btn span,
.ds-btn .ds-ico{
  color: #fff !important;
}

.ds-btn .ds-ico{
  stroke: #fff !important;
}

/* Hover/focus unificado — idéntico al .ds-btn de design-system.css */
.ds-btn:hover,
.ds-btn:focus,
.ds-btn:focus-visible{
  color: #fff !important;
  background: var(--ds-blue-600) !important;
  box-shadow: 0 8px 28px rgba(0, 108, 255, .38) !important;
  outline: none !important;
  text-decoration: none !important;
  transform: none !important;
}

.ds-btn:active{
  background: var(--ds-blue-600) !important;
  box-shadow: 0 4px 14px rgba(0, 108, 255, .28) !important;
  transform: none !important;
}