.kuki {
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:900;
    width:200px;
    font-size:14px;
    color:#b1b1b1;
    padding:20px;
    background-color:#1d1d1d;
}

.kuki div {position:relative;}
.kuki div:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:20px;
    height:21px;
    background:url("kuki.png") no-repeat;
    opacity:0.5;
}
.kuki a:hover {
    color:#fff;
}
.kuki a.ok {
    margin:10px 0;
    padding:12px 0;
    text-align:center;
    display:block;
    background-color:#333333;
    color:#fff;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    border-radius:3px;
    -webkit-border-radius:3px;
    text-transform: uppercase;
	text-decoration: none;
}
.kuki a.ok:hover {
    background-color:#545454;
    color:#fff;
}

    .kuki span {
        display:block;
		padding-right: 25px;
    }
	
@media only screen and (orientation: portrait) {
    .kuki {
        bottom:0;
        right:0;
        left:0;
        width:auto;
        padding:10px 20px;
    }
    .kuki span {
        display:block;
		padding-right: 0px;
    }
    .kuki div {
        padding-left:30px;
    }
    .kuki div:before {
        right:auto;
        left:0;
    }
    .kuki a.ok {
        display:inline-block;
        padding:8px 12px;
        margin:10px 10px 5px -5px;
    }
}

@media only screen and (max-width: 479px) {	
	
	.kuki { opacity: 0.95;}
	.kuki span { width: 70%; float: left;}
	.kuki a.ok { float:  left; margin-left: 5%; background-color:green; }
}