.sqwpluginbuttons { display: flex; flex-wrap: wrap; margin: 0 -10px; } .sqwpluginbuttonsright { justify-content: flex-end; } .sqwpluginbuttonsleft { justify-content: flex-start; } .sqwpluginbuttonscenter { justify-content: center; } .sqwpluginbuttonsjustify { justify-content: space-between; } .sqwpluginbuttons a { border-color: #433c6e; border-width: 0px; border-style: solid; padding: 10px; background: url(../../../../../images/gradient/?s=433c6e&e=3c506e&h=60) repeat-x #3c506e; font: bold 16px Raleway,Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 1px; text-transform: uppercase; box-shadow: 4px 4px 4px rgba(0,0,0,0.3); border-radius: 10px; display: block; cursor: pointer; -webkit-appearance: none; text-decoration: none; margin: 10px; } .sqwpluginbuttons a:hover { border-color: #726e87; background: #726e87; font-weight: bold; font-style: normal; text-transform: uppercase; color: #ffffff; text-decoration: none; } .sqwpluginbuttons a:focus { border-color: #433c6e; background: #433c6e; box-shadow: 4px 4px 4px rgba(0,0,0,0.3); font-weight: bold; font-style: normal; text-transform: uppercase; color: #ffffff; outline: none; }