SimpleButton/styles.css: Difference between revisions

Revision as of 19:09, 9 February 2026

.mp-button {
    position: relative;
    background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);
    color: #562c1b;
    padding: 5px 40px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;
}

.mp-button a {
    color: inherit;
    text-decoration: none;
}

.mp-button a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.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;
    color: #e8daa8;
}

.mp-button:hover a {
    color: inherit;
}