.pater {
position: fixed;
width: 100%;
pointer-events: auto;
bottom: 0;
right: 0;
z-index: 1000;
}
.pater:focus {
outline: none;
}
.pater__inner {
background: #1e156d;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.pater__img {
max-width: 50%;
height: 80px;
display: block;
position: relative;
z-index: 100;
}
.pater__title {
font-size: 0.85em;
color: #fff;
margin: 0;
position: relative;
padding: 0 0.5em 0 1em;
max-width: calc(100% - 125px);
}
.pater__description {
color: #bfb9fc;
font-size: 0.85em;
font-weight: 400;
margin: 0;
display: none;
position: relative;
}
.pater__description strong {
font-weight: bold;
color: #fff;
display: block;
padding: 10px 0 0 0;
}
@media screen and (min-width: 50em) {
.pater {
bottom: auto;
top: 0;	
width: 180px;
}
.pater__inner {
background: transparent;
display: block;
}
.pater__img {
max-width: none;
width: 100%;
height: auto;
}
.pater__title {
font-size: 1em;
padding: 15px;
background: #4637c4;
z-index: 100;
max-width: none;
}
.pater__title::after {
content: 'Sponsor';
position: relative;
display: block;
color: #2b2087;
font-size: 0.65em;
text-transform: uppercase;
letter-spacing: 2px;
padding: 1em 0 0 0;
}
.pater__description {
pointer-events: none;
display: block;
padding: 0 15px 15px 15px;
background: #4637c4;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.2,1,0.8,1);
transition-timing-function: cubic-bezier(0.2,1,0.8,1);
}
.pater:hover .pater__description {
pointer-events: auto;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} .pater .letter21 {
page-break-after: always;
break-after: always;
}
}