body.stickybar .side-cta--one {
transition: 0.4s ease-out;
transform: translateX(0);
}
body.stickybar .side-cta--two {
transition: 0.5s ease-out;
transform: translateX(0);
}
.side-cta {
text-decoration: none;
color: white;
}
.side-cta--one {
top: 8rem;
right: 0;
}
.side-cta--two {
top: 11rem;
right: 0;
}
.side-cta--orange {
background-color: #d55816;
}
.side-cta--grey {
background-color: #63666a;
}
.side-cta__container {
transition: 0.2s ease-out;
transform: translateX(100%);
width: 216.55px;
height: 43px;
position: fixed;
padding: 5px;
display: flex;
align-items: center;
}
.side-cta__container__image {
height: 100%;
margin-left: 5px;
}
.side-cta__container__text {
position: absolute;
left: 54px;
}
@media (max-width: 700px) {
.side-cta--one {
top: auto;
bottom: 15rem;
}
.side-cta--two {
top: auto;
bottom: 7rem;
}
.side-cta__container {
width: 100px;
height: 100px;
flex-direction: column;
justify-content: space-evenly;
padding: 5px;
}
.side-cta__container__image {
width: 35%;
height: auto;
margin: 0;
}
.side-cta__container__text {
position: static;
text-align: center;
font-size: 1.1rem;
line-height: 1;
}
}