.infinite-loading {
    text-align: center;
    padding: 40px 0;
    font-size: 1.2em;
    color: #666;
    opacity: 0;
    transition: opacity 0.3s;
}
.infinite-loading.active {
    opacity: 1;
}

.infinite-loading span::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 3px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}

.infinite-post {
    transition: opacity 0.6s ease-in;
}

.infinite-end {
    font-style: italic;
    color: #777;
    padding: 40px 0;
    text-align: center;
    border-top: 1px solid #eee;
    margin-top: 2em;
}