.details__content ul li{
  border-bottom: 1px solid #000;
}
.details__content ul li a{
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}
.details__content ul li a:hover{
  opacity: .7;
}

.details__content ul li a .linkdot{
  width: 14px;
  height: 14px;
  background: #eea822;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}

.details__content ul li a .linkdot::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-35%, -50%);
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 4px solid #fff;
}

.details__content ul li a .linkdot.blue{
  background: #198cd5;
}
.details__content ul li a .linkdot.purple{
  background: #9258a9;
}