﻿.covid-pop {
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    top: 10%;
    z-index: 9;
}

    .covid-pop ul li {
        display: block;
        margin-bottom: 15px;
        animation-name: covidanimation;
        animation-iteration-count: 1;
        animation-duration: 1s;
    }

        .covid-pop ul li a {
            padding: 15px 20px 15px 5px;
            display: inline-block;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            border-radius: 0 30px 30px 0;
            box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.55);
            transition: all 250ms ease-in-out;
            background-repeat: no-repeat;
            background-position: center right 10px;
            background-color: #b40605;
        }

            .covid-pop ul li a span {
                display: none;
            }

            .covid-pop ul li a:hover {
                background-color: #9c0d0c;
            }

                .covid-pop ul li a:hover span {
                    display: inline-block;
                }

/*        .covid-pop ul li.covid a {
            background-color: #b40605;
        }

            .covid-pop ul li.covid a:hover {
                background-color: #9c0d0c;
            }

        .covid-pop ul li.self a {
            background-color: #ae8454;
        }

            .covid-pop ul li.self a:hover {
                background-color: #92704a;
            }
*/
@keyframes covidanimation {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}



.feedlogsubs1 {
    position: fixed;
    right: 0;
    transform: translateY(50%) translateX(20%);
    top: 34%;
    display: block;
    margin-bottom: 25px;
    animation-name: covidanimation;
    animation-iteration-count: 1;
    animation-duration: 1s;
    z-index: 9;
}

    .feedlogsubs1 a {
        padding: 15px 25px 15px 35px;
        display: inline-block;
        color: #fff;
        font-weight: 600;
        font-size: 18px;
        border-radius: 30px 0px 0px 30px;
        box-shadow: 1px 10px 5px 0 rgba(0, 0, 0, 0.55);
        transition: all 250ms ease-in-out;
        background-repeat: no-repeat;
        background-position: center left 10px;
        background-color: #ae8454;
    }

        .feedlogsubs1 a span {
            display: none;
        }

        .feedlogsubs1 a:hover {
            padding: 15px 100px 15px 35px;
            background-color: #1b1b9a;
        }

            .feedlogsubs1 a:hover span {
                display: inline-block;
            }

.feedlogsubs2 {
    position: fixed;
    right: 0;
    transform: translateY(50%) translateX(20%);
    top: 43%;
    display: block;
    margin-bottom: 5px;
    animation-name: covidanimation;
    animation-iteration-count: 1;
    animation-duration: 1s;
    z-index: 9;
}

    .feedlogsubs2 a {
        padding: 15px 25px 15px 35px;
        display: inline-block;
        color: #fff;
        font-weight: 600;
        font-size: 18px;
        border-radius: 30px 0px 0px 30px;
        box-shadow: 1px 10px 5px 0 rgba(0, 0, 0, 0.55);
        transition: all 250ms ease-in-out;
        background-repeat: no-repeat;
        background-position: center left 10px;
        background-color: #ae8454;
    }

        .feedlogsubs2 a span {
            display: none;
        }

        .feedlogsubs2 a:hover {
            padding: 15px 100px 15px 35px;
            background-color: #db1b81;
        }

            .feedlogsubs2 a:hover span {
                display: inline-block;
            }

.feedlogsubs3 {
    position: fixed;
    right: 0;
    transform: translateY(50%) translateX(20%);
    top: 52%;
    display: block;
    margin-bottom: 5px;
    animation-name: covidanimation;
    animation-iteration-count: 1;
    animation-duration: 1s;
    z-index: 9;
}

    .feedlogsubs3 a {
        padding: 15px 25px 15px 35px;
        display: inline-block;
        color: #fff;
        font-weight: 600;
        font-size: 18px;
        border-radius: 30px 0px 0px 30px;
        box-shadow: 1px 10px 5px 0 rgba(0, 0, 0, 0.55);
        transition: all 250ms ease-in-out;
        background-repeat: no-repeat;
        background-position: center left 10px;
        background-color: #ae8454;
    }

        .feedlogsubs3 a span {
            display: none;
        }

        .feedlogsubs3 a:hover {
            padding: 15px 100px 15px 35px;
            background-color: #49ba0d;
        }

            .feedlogsubs3 a:hover span {
                display: inline-block;
            }


.feedlogsubs4 {
    position: fixed;
    right: 0;
    transform: translateY(50%) translateX(20%);
    top: 61%;
    display: block;
    margin-bottom: 5px;
    animation-name: covidanimation;
    animation-iteration-count: 1;
    animation-duration: 1s;
    z-index: 9;
}

    .feedlogsubs4 a {
        padding: 15px 25px 15px 35px;
        display: inline-block;
        color: #fff;
        font-weight: 600;
        font-size: 18px;
        border-radius: 30px 0px 0px 30px;
        box-shadow: 1px 10px 5px 0 rgba(0, 0, 0, 0.55);
        transition: all 250ms ease-in-out;
        background-repeat: no-repeat;
        background-position: center left 10px;
        background-color: #ae8454;
    }

        .feedlogsubs4 a span {
            display: none;
        }

        .feedlogsubs4 a:hover {
            padding: 15px 100px 15px 35px;
            background-color: #ff6600;
        }

            .feedlogsubs4 a:hover span {
                display: inline-block;
            }