Responsive floating bottom CTA bar

Developer Support CMS Development
8 
 .floating-bar {
 list-style-type: none;
 margin: 0px;
 background-color: #30d9c5;
 position: fixed;
 bottom: 0;
 left: 0;
 display: table;
 width: 100%;
}
li {
 display: table-cell;
 text-align: center;
}
li a {
 color: white;
 text-decoration: none;
 display: block;
 padding: 6px
}
li a:hover {
 background:#000;
}
@media all and (max-width: 650px) {
 li a {
 font-size: 14px;
 }
}
@media all and (max-width: 500px) {
 li a {
 font-size: 12px;
 }
}

I think that will get you what you’re wanting.