.subscr-lazydev {
background-color: #f2f6f8;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.subscr-title {
font-size: 18px;
font-weight: 700;
}
.subscr-desc {
opacity: 0.6;
margin-top: 15px;
}
.subscr-left {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
min-width: 50px;
}
.subscr-right {
width: 200px;
margin-left: 30px;
text-align: center;
}
.subscr-btn, .unsubscr-btn {
display: block;
text-align: center;
padding: 4px;
border-radius: 4px;
background-color: #2C3E50;
color: #fff;
font-size: 18px;
margin-bottom: 15px;
cursor: pointer;
}
.subscr-btn:hover {
background: #26A65B;
}
.unsubscr-btn:hover {
background: #E74C3C;
}
.subscr-info span {
color: #e74c3c;
}
@media screen and (max-width: 590px) {
.subscr-lazydev {
text-align: center;
display: block;
}
.subscr-right {
width: 100%;
margin: 15px 0 0 0;
}
}