a.vanillatop { background-color: #28A9E0; border-radius: 50%; bottom: 40px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2); display: block; height: 40px; line-height: 40px; position: fixed; right: 10px; text-align: center; transform: translateX(120px); transition: 1s all; width: 40px; z-index: 9999 }
a.vanillatop::before { color: #fff; content: ""; font-size: 120% }
a.vanillatop:link { text-decoration: none }
a.vanillatop:hover { background-color: #28A9E0; box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2) }
@media only screen and (min-width: 768px) {
a.vanillatop { bottom: 20px; right: 20px }
}
@media only screen and (min-width: 1024px) {
a.vanillatop { bottom: 30px; height: 50px; line-height: 53px; right: 30px; width: 50px }
}
.vanillatop i { color: #fff !important; font-size: 25px; }