.mp_links {
  margin: 20px 0;
}
.mp_links ul {
  margin-left: 0;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.mp_links ul li {
  width: 24%;
  list-style: none;
}
.mp_links ul li a {
  display: block;
  width: 100%;
  min-width: 120px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 90% auto;
  border: 1px solid #f1f1f1;
  padding: 22px 10px;
  border-radius: 5px;
}

.mp_links ul li.tokopedia a:hover {
  border: 1px solid #00d084;
}
.mp_links ul li.shopee a:hover {
  border: 1px solid #ee4d2d;
}
.mp_links ul li.bukalapak a:hover {
  border: 1px solid #e31e52;
}
.mp_links ul li.lazada a:hover {
  border: 1px solid #ed6600;
}
.mp_links ul li.blibli a:hover {
  border: 1px solid #1d93d1;
}
.mp_links ul li.tiktok a:hover {
  border: 1px solid #000000;
}

.mp_links ul li a.tokopedia {
  background-image: url("../assets/images/tokopedia.svg");
}
.mp_links ul li a.shopee {
  background-image: url("../assets/images/shopee.svg");
}
.mp_links ul li a.bukalapak {
  background-image: url("../assets/images/bukalapak.svg");
}
.mp_links ul li a.lazada {
  background-image: url("../assets/images/lazada.svg");
}
.mp_links ul li a.blibli {
  background-image: url("../assets/images/blibli.svg");
}
.mp_links ul li a.tiktok {
  background-image: url("../assets/images/tiktok.svg");
}

/* Mobile */
@media (max-width: 480px) {
  .mp_links ul li {
    width: 46%;
    list-style: none;
  }
}