Pure CSS Infinity Wave Loader

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<div class="infinity-loader-525"><span></span><span></span></div>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #buttons #css #interface #opensource #codepeek
 */

.infinity-loader-525 { display: flex; justify-content: center; align-items: center; gap: 6px; margin: auto; }
.infinity-loader-525 span { width: 16px; height: 16px; border: 3px solid #3b82f6; border-top-color: transparent; border-radius: 50%; animation: spin-525 0.8s linear infinite; }
.infinity-loader-525 span:nth-child(2) { border-color: #ec4899; border-bottom-color: transparent; animation-direction: reverse; }
@keyframes spin-525 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }