Packages

INNOVA

table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid ; text-align: center; padding: 8px; } .button { display: inline-block; border-radius: 4px; background-color: #ffc000; border: none; color: #FFFFFF; text-align: center; font-size: 20px; padding: 10px; width: 200px; transition: all 0.5s; cursor: pointer; margin: 25px; } .button span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .button span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; } .button:hover span { padding-right: 25px; } .button:hover span:after { opacity: 1; right: 0; }