.cerezler {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    background: linear-gradient(-45deg, #222, #222, #222, #555);
    background-size: 400% 400%;
    animation: gradient 6s ease infinite;
    color: #FFF;
    z-index: 80;
    width: 320px;
    padding: 30px;
    border-radius: 4px 0 0 0;
    font-size: 12px;
    .inh {
        display: block;
        margin: 0 0 10px;
        font-size: 12px;
    }
    a {
        text-decoration: underline;
        color: #FFF;
        font-weight: 700;
        &:hover {
            color: $secondary;
        }
    }
    button {
        cursor: pointer;
        border: none;
        border-radius: 4px;
        display: block;
        background: #02BD78;
        color: #FFF;
        padding: 0 30px;
        line-height: 40px;
        width: 100%;
        font-weight: 700;
        text-align: center;
        &:hover {
            background: #10a56e;
            color: #FFF;
        }
    }
    i {
        display: block;
        margin: 0 0 30px;
        font-style: normal;
    }
}