.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: #8ac33f; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: url(../../../../../images/gradient/?s=8ac33f&e=3b8f36&h=26) repeat-x #3b8f36; font: bold 20px Georgia,Times,'Times New Roman',serif; color: #faec2d; letter-spacing: 0px; box-shadow: 10px 10px 3px rgba(0,0,0,0.5); border-radius: 25px 1px 25px 1px; display: block; cursor: pointer; -webkit-appearance: none; text-decoration: none; margin: 10px; } .sqwpluginbuttons a:hover { border-color: #faec2d; background: #83bf3e; font-weight: bold; font-style: normal; text-transform: none; color: #000000; text-decoration: none; } .sqwpluginbuttons a:focus { border-color: #000000; background: url(../../../../../images/gradient/?s=8ac33f&e=3b8f36&h=26) repeat-x #3b8f36; box-shadow: 10px 10px 0px rgba(0,0,0,1.0); font-weight: bold; font-style: normal; text-transform: none; color: #faec2d; outline: auto; }