/* Override per button with e.g. style="--btn-trapezoid-angle: 15deg". */
.btn-trapezoid {
    transform: skewX(calc(-1 * var(--btn-trapezoid-angle, 10deg)));
    padding: 0.75rem 2rem;
    border-radius: 0 !important;
}

.btn-trapezoid > * {
    display: inline-block;
    transform: skewX(var(--btn-trapezoid-angle, 10deg));
}

.btn-trapezoid .btn-trapezoid-content {
    display: inline-block;
    transform: skewX(var(--btn-trapezoid-angle, 10deg));
}