.loader{--clr:#3498db;width:40px;height:40px;position:relative}.loader:before,.loader:after{content:"";border:6px solid #0000;border-top-color:var(--clr);border-radius:100%;width:100%;height:100%;position:absolute}.loader:before{z-index:100;animation:2s infinite spin}.loader:after{border:6px solid #ccc}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}