.links-box_footer-widget{
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.links-box_footer-widget span{
    font-size: 24px;
	color:var(--color-white);
    font-weight: 900;
    margin-left: 60px;
}

.links-box_footer-widget ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 28px;
}

.links-box_footer-widget ul li a{
  text-decoration: none;
  color: var(--color-white);
  font-weight: 700;
  font-size: 20px;
  transition: color .15s ease;

}
.links-box_footer-widget ul li a:hover{ color: var(--color-white); }

@media screen and (max-width:600px){
	.links-box_footer-widget {
    flex-direction: column;
}
	.links-box_footer-widget ul {
    flex-direction: column;
    align-items: center;
}
}

/*Hover*/
/* =========================
   Footer Links Hover Underline (RTL: right -> left)
   .links-box_footer-widget ul a
========================= */

.links-box_footer-widget ul a{
  position: relative;
  display: inline-block;
}

/* خط زیر */
.links-box_footer-widget ul a::after{
  content:"";
  position:absolute;
  right: 0;
  bottom: -6px;              /* اگر فاصله میخوای کمتر/بیشتر بگو */
  height: 2px;
  width: 100%;
  background: var(--color-primary);

  transform: scaleX(0);
  transform-origin: right;   /* شروع از راست */
  transition: transform .22s ease;
  pointer-events:none;
}

.links-box_footer-widget ul a:hover::after{
  transform: scaleX(1);
}

/* برای اکتیو هم اگر خواستی */
.links-box_footer-widget ul li.current-menu-item > a::after{
  transform: scaleX(1);
}