.download-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px 0;
}
.download-group ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 660px;
}
.download-group ul li {
  width: 320px;
}
.download-group ul li a {
  color: var(--colorPrimary);
  font-size: var(--fontSizeMd);
  font-weight: var(--fontWeightSemibold);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 6px;
  width: 100%;
  height: 60px;
  border: 2px solid var(--colorPrimary);
  border-radius: var(--borderRadius3Xl);
  background-color: var(--colorWhite);
}



@media (hover: hover) and (pointer: fine) {
  .download-group ul li a:hover{
    border: 2px solid var(--colorPrimary200);
    box-shadow: 0 0 14px 0 rgba(161, 21, 255, 0.15);
    color: var(--colorPrimary200);
  }
}





@media all and (max-width: 1279px) {
  .download-group {
    gap: 40px 0;
  }
  .download-group > img {
    width: 100%;
  }
  .download-group ul {
    width: 100%;
    gap: 10px;
  }
  .download-group ul li {
    width: calc(50% - 5px);
  }
}
@media all and (max-width: 767px) {
  .download-group ul li {
    width: 100%;
  }
}