.pwa-banner {
position: fixed;
bottom: 64px;
right: 20px;
background: #fff;
padding: 16px;
border-radius: 5px;
box-shadow: 0 -2px 10px rgba(0, 0, 0, .15);
z-index: 1000;
transform: translateY(100%);
transition: transform .5s, opacity .5s;
opacity: 0
}
.pwa-banner p {
margin-bottom: 8px
}
.pwa-banner.show {
transform: translateY(0);
opacity: 0
}
.pwa-banner.hidden {
transform: translateY(100%);
opacity: 0
}
.pwa-banner button {
padding: 8px 12px;
background-color: #012824;
border: none;
cursor: pointer;
border-radius: 5px;
color: #fff
}
.closePwa {
display: block;
position: absolute;
right: 6px;
bottom: 6px;
line-height: 0;
border: 1px solid var(--black);
border-radius: 4px;
}
@media (max-width:768px) {
.pwa-banner {
left: 0;
right: 0;
margin: 0 6px;
bottom: 1px;
}
}