.buttons a { transition: all .2s ease-out; float: left; text-decoration: none; border: 2px solid #ee3033; box-sizing: border-box; border-radius: 5px; width: 30%; margin: 6px 6px 6px 0 !important; padding: 20px; text-align: center; min-height: 100px; vertical-align: middle; } .buttons a:hover { transition: all .2s ease-out; background: #ee3033; color: #fff; } @media screen and (max-width: 650px) { .buttons a { width: 100%; } }