/*
 * Cross-browser refinements kept separate from the theme's legacy Gulp build.
 */

/*
 * Render each decorative button frame as one SVG. The original styles split
 * the same SVG between pseudo-elements and joined it to CSS borders, which
 * leaves visible anti-aliased seams in Chromium at some display scales.
 */
.btn-large,
.btn-transparent {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-top: 0;
    border-bottom: 0;
}

.btn-large {
    background-image: url("../img/bg-btn-large.svg");
}

.btn-large:hover {
    background-image: url("../img/bg-btn-large-hover.svg");
}

.btn-large::before,
.btn-large::after,
.btn-large > span::before {
    content: none;
}

.btn-large > span {
    border-top: 0;
    border-bottom: 0;
}

.btn-transparent {
    background-image: url("../img/bg-btn-small.svg");
    padding-left: 29px;
    padding-right: 24px;
}

.btn-transparent:hover {
    background-color: transparent;
    background-image: url("../img/bg-btn-small-hover.svg");
}

.btn-transparent::before,
.btn-transparent::after,
.btn-transparent span::before,
.btn-transparent span::after {
    content: none;
}