.loading-circle {
    width: 32px;
    height: 32px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-top: 2px solid #000;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin: auto;
}

@media screen and (max-width: 600px) {
    .loading-circle {
        width: 24px;
        height: 24px;
        border: 1.5px solid rgba(0, 0, 0, 0.2);
    border-top: 1.5px solid #000;
    }
}

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