.facebook {
    position: fixed;
    top: 40vh;
    right: -360px;
    width: 410px;
    z-index: 1000;
    height: 150px;
    transition: right 0.4s ease-out;
}

.facebook:hover {
    right: 0px;
}

.facebook img.facebook-przycisk {
    float: left;
}

.facebook .facebook-ramka {
    width: 360px;
    height: 520px;
    float: right;
    padding: 10px;
    background: #878787;
    font-size: 11px;
}

.facebook .facebook-ramka a {
    text-decoration: none;
    background-color: #555;
    color: #547f0f;
    height: 40px;
    padding-top: 25px;
    /*border-bottom: 1px dotted #547f0f;*/
}

.facebook .facebook-ramka a:hover {
    text-decoration: none;
    color: #000018;
    background-color: orange;
    /*border-bottom: 1px dotted #000018;*/
}