.pcoo-widget {
max-width: 390px;
position: fixed;
float: none;
z-index: 1000;
bottom: 4px;
left: auto;
right: 10%;
opacity: 0.95;
-webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
display: flex;
background: rgba(35, 37, 63, 0.85);
align-items: center;
height: 44px;
padding: 2px 0;
}
.pcoo-widget .ico {
width: 38px;
height: 24px;
background: url(/theme/img/poli-coo.svg) no-repeat 0 0;
background-size: 20px auto;
display:flex;
}
.pcoo-widget .text-coo {
padding-left: 8px;
}
.pcoo-widget__text {
font-size:75%;
line-height: 1.2;
color: #fff;
padding: 0 0 0 8px;
width:74%;
display: flex;
align-items: center;
height: 44px;
}
.pcoo-widget__text a {
color: #fff;
text-decoration: underline;
}
.pcoo-widget__text a:hover {
text-decoration: none;
}
.pcoo-widget__button {
width: 80px;
font-weight:bold;
border-radius: 5px;
height: 34px;
line-height: 32px;
border: none;
background: #0846E2;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
margin: 0 4px 0 auto;
border: 1px solid #5263FF;
}
.pcoo-widget__button:hover {
background: #0846E2;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media only screen and (max-width: 1800px){
.pcoo-widget {
right: 1%;
}
}
@media only screen and (max-width: 840px){
.pcoo-widget {
bottom: 78px;
right: 5px;
}
}
@media only screen and (max-width: 580px){
.pcoo-widget {
width: 98%;
max-width: 400px;
margin: 0 auto;
right: 0;
left: 0;
border: none;
}
.pcoo-widget__button {
background: green;
color: #fff;
border: 1px solid #b1b1b1;
}
.pcoo-widget .ico {
background: url(/theme/img/poli-coo-mob.svg) no-repeat 0 0;
background-size: 20px auto;
}
.pcoo-widget .text-coo {
}
.pcoo-widget__text {
padding: 0px 0 0 4px;
}
}