.wpFutter {
    &__notifications__wrapper {
        padding: 1rem;
        margin: 0.5rem;
        border: 1px dashed grey;
        border-radius: 0.5rem;
        &--title {
            font-weight: bold;
            font-size: 1.25rem;
            color: darkred;
        }
        &--message {
            color: lightgrey;
        }
    }
    &__container {
        background: transparent;
        padding: 0;
        max-width: 100%;
        margin: 1rem 0;
    }
    &__list,
    &__loaders {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 2rem;
        @media screen and (max-width: 1024px) {
            grid-template-columns: auto auto;
            gap: 1.5rem;
        }
        @media screen and (max-width: 768px) {
            grid-template-columns: auto;
            gap: 1rem;
        }
        li {
            width: 100%;
            img {
                width: 100%;
                height: 380px;
                object-fit: cover;
                @media screen and (max-width: 768px) {
                    grid-template-columns: auto auto;
                    height: 320px;
                }
                @media screen and (max-width: 480px) {
                    grid-template-columns: auto;
                }
            }
        }
    }
}