.box-widget-assinatura{
max-width: 622px;
margin: 42px auto;
}
.box-widget-assinatura .union-widget-assinatura-header{
border: 1px solid #000000;
position: relative;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-logo{
min-height: 76px;
background: #000000 0 0 no-repeat padding-box;
text-align: right;
padding: 21px;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-logo img{
max-height: 33px;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-title{
padding: 21px 0 21px 0;
width: 100%;
display: flex;
justify-content: flex-end;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-title h2{
text-align: left;
font: normal normal bold 25px / 29px Arial !important;
letter-spacing: 0;
color: #000000;
text-transform: uppercase;
max-width: 304px;
min-height: 86px;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-left img{
max-width: 252px;
width: 100%;
position: absolute;
top: 21px;
left: 21px;
}
.box-widget-assinatura .widget-assinatura-description{
display: flex;
justify-content: flex-end;
margin-top: 20px;
}
.box-widget-assinatura .widget-assinatura-description p{
text-align: left;
font: normal normal normal 19px / 22px Arial !important;
letter-spacing: 0;
color: #000000;
max-width: 304px;
min-height: 125px;
padding-right: 21px;
}
.box-widget-assinatura .widget-assinatura-button{
display: flex;
position: relative;
justify-content: center;
}
.box-widget-assinatura .widget-assinatura-button a{
background: #000000 0 0 no-repeat padding-box;
border-radius: 4px;
min-width: 327px;
height: 45px;
font: normal normal bold 18px / 22px Arial !important;
letter-spacing: 0;
color: #FFFFFF !important;
text-transform: uppercase;
opacity: 1;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.widget-assinatura-button::before {
content: ”;
display: block;
position: absolute;
top: 50%;
width: 100%;
height: 1px;
background-color: #000000;
transform: translateY(-50%);
}
@media(max-width: 1200px) {
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-left img {
max-width: 210px;
}
}
@media(max-width: 1024px) {
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-left img {
max-width: 150px;
}
}
@media(max-width: 999px) {
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-title h2 {
color: #FFFFFF;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-left img {
max-width: 220px;
}
}
@media(max-width: 767px) {
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-left img {
max-width: 220px;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-title h2{
max-width: 280px;
}
.box-widget-assinatura .widget-assinatura-description p{
font: normal normal normal 16px/20px Arial !important;
max-width: 280px;
}
}
@media(max-width: 500px) {
.box-widget-assinatura {
border: 1px solid #444287;
}
.box-widget-assinatura .union-widget-assinatura-header{
min-height: 138px;
background: #000000 0 0 no-repeat padding-box;
position: relative;
opacity: 1;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-logo{
min-height: 30px;
text-align: center;
padding-top: 13px;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-title {
display: flex;
justify-content: end;
padding: 0px 19px 15px 0;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-title h2{
text-align: left;
letter-spacing: 0;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;
min-height: 61px;
max-width: 190px;
font: normal normal bold 18px / 24px Arial !important;
margin-bottom: unset;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-left img{
max-width: 150px;
position: absolute;
left: 10px;
top: 65px;
}
.box-widget-assinatura .widget-assinatura-description {
display: flex;
justify-content: end;
padding-right: 18px;
padding-top: 11px;
margin-top: unset;
}
.box-widget-assinatura .widget-assinatura-description p{
text-align: left;
font: normal normal normal 16px/20px Arial !important;
letter-spacing: 0;
color: #000000;
max-width: 190px;
padding-right: unset;
}
.box-widget-assinatura .widget-assinatura-button{
background: #000000 0 0 no-repeat padding-box;
border: 1px solid #000000;
min-height: 45px;
display: flex;
justify-content: center;
}
.box-widget-assinatura .widget-assinatura-button a{
text-align: center;
font: normal normal bold 18px/22px Arial !important;
letter-spacing: 0;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;
}
}
@media(max-width: 400px) {
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-title{
padding-right: 10px;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-title h2{
font: normal normal bold 14px / 20px Arial !important;
max-width: 140px;
}
.box-widget-assinatura .union-widget-assinatura-header .widget-assinatura-left img{
left: 8px;
max-width: 150px;
}
.box-widget-assinatura .widget-assinatura-description{
padding-right: 10px;
}
.box-widget-assinatura .widget-assinatura-description p{
max-width: 140px;
}
.box-widget-assinatura .widget-assinatura-button a{
font: normal normal bold 16px / 20px Arial !important;
min-width: unset;
}
}
Fonte: abril
