.agenda4 { color: #423b3c; font: 8px "handy", small fonts; text-transform: uppercase; text-align: center; background: #f2d183; border: 2px solid #f5b3b4; box-shadow: inset 0px 20px 0px #756f70; border-radius: 2px; margin-bottom: 2px; padding: 2px; padding-left: 8px; -webkit-transition-duration: 2s; } .agenda4:hover { box-shadow: inset 0px -24px 0px #756f70; text-shadow: 1px 1px 1px #adaaab; -webkit-transition-duration: 2s; }