:root {
  --bottom_gomb: 252px;
  --atmenet: all .4s ease;
  --forgat: rotate(0deg);
  --bottom_kep:0px;
}

/* Csak a nyitva stilusok vennek használva. A zárva helyzetet lekérdezéssel, vezérléssel oldottam meg */

#szechenyi_tamogatas_2020.nyitva {
    display: block;
    position: fixed;
    bottom: var(--bottom_kep);
    right: 0;
    width: 350px;
    height: 242px;
    z-index: 900;
    background-image: url("../images/szechenyi_2020.png");
    background-repeat: no-repeat;
    transition: all .4s ease; 
}


#szechenyi_tamogatas_2020.zarva {
    translateY(100%);
}


#szechenyi_tamogatas_2020_gombja.nyitva {
    display: block;
    position: fixed;
    bottom: var(--bottom_gomb);
    right: 22px;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    z-index: 950;
    border: 0;
    border-radius: 20px;
    background-color: #034ea2;
    transition: var(--atmenet);
    outline: none;
    transform: var(--forgat);
}


#szechenyi_tamogatas_2020_gombja.zarva {
    bottom: var(--bottom_gomb);
    transform: rotate(180deg);
    transition: all .4s ease;
}