.loader {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  animation: rotate 1s linear infinite;
}

.loader::before {
  content: "";
  position: absolute;
  inset: 6px;
  background: #ffffff;
  border-radius: 50%;
}

/* PHP Loader (verde) */
.php-loader {
  background: conic-gradient(#28a745 0% 25%, #d4edda 25% 100%);
}

/* ZIP Loader (azul) */
.zip-loader {
  background: conic-gradient(#007bff 0% 25%, #cce5ff 25% 100%);
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}