.loader {
    width: 15px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
}

.lazy-content-feed {
    min-height: 300px;
}

@keyframes l5 {
    0% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
        background: #000
    }

    33% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
        background: #0002
    }

    66% {
        box-shadow: 20px 0 #0002,-20px 0 #000;
        background: #0002
    }

    100% {
        box-shadow: 20px 0 #0002,-20px 0 #000;
        background: #000
    }
}

.lazy-content-feed #actegoryList {
    float: right;
    padding: 10px;
}

.LoadButtonArea a.button {
    background-color: #C74486;
    outline: unset !important;
    padding: 16px 0;
    text-decoration: none !important;
    width: 100%;
}

.LoadButtonArea {
    margin: 0px 12px 0 8px;
    line-height: 18px;
    font-size: 18px;
}

    .LoadButtonArea .btn-with-stories:hover, .LoadButtonArea .btn-loading:hover {
        background-color: #A82768;
    }

    .LoadButtonArea .btn-loading img.spinner-icon {
        height: 18px;
        padding-right: 14px;
    }

a.button.button-primary.m-button-inline.btn-loading {
    cursor: unset;
}

.btn-with-stories:focus, .btn-loading:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}

.btn-no-stories {
    background-color: #ECECEC !important;
    border: 2px solid #888888 !important;
    box-shadow: none !important;
    color: #303030;
    font-family: 'Effra-Medium';
    z-index: -1;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .LoadButtonArea {
        margin: 0 8px;
    }
}

@media (max-width: 768px) {
    .LoadButtonArea {
        margin: 0;
    }
}