File: /home/retile.ru/public_html/catalog/view/theme/unishop2/stylesheet/subscribe.css
.subscribe {
position: relative;
margin: 0px 0 15px;
padding: 20px 0 20px;
}
.subscribe__info {
display: flex;
margin: -4px 0 0
}
.subscribe__info div {
line-height: 38px;
margin: 0 15px 0 0;
font-size: 3em
}
.subscribe__input {
border: none
}
.subscribe__agree {
margin: 0;
font-size: .85em
}
.subscribe__agree input {
min-width: 13px;
width: 13px !important;
height: 13px !important;
border: none !important
}
.subscribe__agree b {
font-weight: 400;
text-decoration: underline
}
.subscribe__block {
display: flex;
width: 100%;
margin: 0 0 5px
}
.subscribe__inputs {
width: 100%;
position: relative
}
.subscribe__input-email {
width: 100%;
border-radius: 4px 0 0 4px
}
.subscribe__input-password {
position: absolute;
top: 0;
right: 0;
width: 0;
padding: 0;
transition: all ease-in-out .3s
}
.subscribe__input-password.show-pass {
width: 40%;
padding: 0 12px;
border-radius: 0;
border-left: solid 1px #eee
}
.subscribe__btn {
width: auto;
padding: 0 15px;
border-radius: 0 4px 4px 0
}
@media (max-width:992px) {
.subscribe__block {
margin: 20px 0 10px
}
.subscribe__info {
width: 100%;
align-items: center
}
}
@media (max-width:767px) {
.subscribe__block {
flex-wrap: wrap
}
.subscribe__input-email {
border-radius: 4px
}
.subscribe__input-password.show-pass {
width: 50% !important;
border-radius: 0 4px 4px 0 !important
}
.subscribe__btn {
width: 100%;
margin: 15px 0 5px;
border-radius: 4px
}
}