/* ==========================================================================
   3. BORDER & RADIUS UTILITIES
   ========================================================================== */
.nx-border,
.e-con.nx-border,
.e-child.nx-border {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.nx-border-hover,
.e-con.nx-border-hover,
.e-child.nx-border-hover {
  transition: border-color 250ms cubic-bezier(0.16, 1, 0.3, 1), transform 250ms ease !important;
}

@media (hover: hover) {
  .nx-border-hover:hover,
  .e-con.nx-border-hover:hover,
  .e-child.nx-border-hover:hover {
    border-color: rgba(255, 255, 255, 0.25) !important;
  }
}

.nx-radius-sm   { border-radius: 8px !important; }
.nx-radius-md   { border-radius: 14px !important; }
.nx-radius-lg   { border-radius: 22px !important; }
.nx-radius-xl   { border-radius: 32px !important; }
.nx-radius-full { border-radius: 9999px !important; }