.fiszka {
    display: block;
    background: #D9D9D9;
    color: white;
    padding: 5px;
    position: fixed;
    right: -105px;
    top: 300px;
    font-size: 1.1rem;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    cursor: pointer;
    z-index: 9999;
    width: 250px;
    text-align: center;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.fiszka1 {
    top: 300px;
    z-index: 3;
    background: #FEC200;
    color: #1c1c1e;
}

.fiszka2 {
    top: 500px;
    z-index: 2;
    background: #29B1E4;
}

.fiszka3 {
    top: 700px;
    z-index: 1;
    background: #FF3E00;
}

.fiszka:hover {
    background: #CA272A;
    color: white;
    z-index: 10;
    right: -103px;
}

.fiszka_aktywna {
    background: #CA272A;
    color: white;
}