SimpleButton/styles.css: Difference between revisions

Revision as of 19:03, 9 February 2026

.mp-button {
    display: inline-block;
    background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;
}

.mp-button a {
    display: inline-block;
    padding: 5px 40px;
    color: #562c1b;
    text-decoration: none;
}

.mp-button:hover {
    background: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent);
    border-image: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent) 1;
}

.mp-button:hover a {
    color: #e8daa8;
}

.mp-button-icon {
    vertical-align: middle;
    margin-right: 6px;
}