User:Culi/common.css

color: #233; font-family: sans-serif; }
 * 1) content {

position: relative; padding: 0.5rem; background-color: #fefefe; border: 2px solid #233; border-radius: 0.15rem; }
 * 1) content .fancy-button {

color: #1c7ed6; }
 * 1) content .fancy-button:hover {

content: ""; position: absolute; background-color: #63e6be; border: 2px solid #233; width: 100%; height: 100%; left: 3px; top: 4px; z-index: -1; pointer-events: none; transition: all 0.25s ease-in-out; }
 * 1) content .fancy-button::after {

left: -1px; top: -1px; }
 * 1) content .fancy-button:hover::after {

width: 100%; height: 100%; font-weight: 600; color: inherit; text-decoration: none; transition: all 0.2s ease-in-out; }
 * 1) content .fancy-button > a {