.studiyalash-yandex-widget .studiyalash-yandex{
backdrop-filter:blur(35px);
-webkit-backdrop-filter:blur(35px);
border:1px solid rgba(255,255,255,.5);
box-shadow:0 20px 60px rgba(255,80,160,.12);
display:grid;
grid-template-columns:minmax(58px,.72fr) minmax(150px,1.56fr) minmax(74px,.9fr);
align-items:center;
column-gap:0;
row-gap:0;
margin:auto;
width:100%;
}
.studiyalash-yandex-widget .col{
display:flex;
flex-direction:column;
gap:6px;
min-width:0;
}
.studiyalash-yandex-widget .col:nth-child(1){
align-items:flex-start;
}
.studiyalash-yandex-widget .col:nth-child(2){
align-items:center;
justify-self:center;
text-align:center;
}
.studiyalash-yandex-widget .col:nth-child(3){
align-items:center;
justify-self:center;
}
.studiyalash-yandex-widget img{
max-width:100%;
object-fit:contain;
}
.studiyalash-yandex-widget .company-logo{
width:100%;
max-width:190px;
}
.studiyalash-yandex-widget .yandex-logo{
width:100%;
max-width:120px;
}
.studiyalash-yandex-widget .studiyalash-btn{
position:relative;
overflow:hidden;
display:inline-flex;
align-items:center;
justify-content:center;
background:#ffd633;
color:#000;
font-weight:600;
text-decoration:none;
border-radius:10px;
transition:background-color .25s ease,transform .25s ease;
will-change:transform;
white-space:nowrap;
padding:12px 18px;
}
.studiyalash-yandex-widget .studiyalash-btn:hover{
background:#ffcc00;
transform:translateY(-1px);
}
.studiyalash-yandex-widget .yandex-icon{
display:inline-flex;
margin-right:6px;
flex:0 0 auto;
}
.studiyalash-yandex-widget .btn-wrap{
display:flex;
margin-top:10px;
width:100%;
justify-content:center;
}
@media (max-width: 767px){
.studiyalash-yandex-widget .studiyalash-yandex{
grid-template-columns:minmax(52px,.62fr) minmax(150px,1.76fr) minmax(72px,.8fr);
column-gap:0;
row-gap:0;
}
.studiyalash-yandex-widget .col{
gap:4px;
}
.studiyalash-yandex-widget .rating-number{
font-size:20px;
line-height:1;
}
.studiyalash-yandex-widget .rating-text,
.studiyalash-yandex-widget .col-text{
font-size:12px;
line-height:1.2;
}
.studiyalash-yandex-widget .stars{
font-size:11px;
line-height:1;
}
.studiyalash-yandex-widget .company-logo{
max-width:150px;
max-height:54px;
}
.studiyalash-yandex-widget .yandex-logo{
max-width:88px;
}
.studiyalash-yandex-widget .studiyalash-btn{
font-size:12px;
padding:10px 14px;
}
}