/* ── SS Button Maker – Frontend Button Base Styles ───────────────────── */
/* Dynamic colour/size values are injected via wp_head (class-ss-button-shortcode.php) */

.ss-button {
    display         : inline-block;
    text-decoration : none;
    font-weight     : 600;
    letter-spacing  : .3px;
    line-height     : 1;
    cursor          : pointer;
    border          : none;
    transition      : background-color .2s ease, transform .15s ease, box-shadow .2s ease;
    box-shadow      : 0 3px 8px rgba(0, 0, 0, .15);
    /* border-radius, font-size, padding injected dynamically */
}

.ss-button:hover {
    transform  : translateY(-2px);
    box-shadow : 0 6px 16px rgba(0, 0, 0, .2);
    text-decoration: none;
}

.ss-button:active {
    transform  : translateY(0);
    box-shadow : 0 2px 6px rgba(0, 0, 0, .15);
}

/* Ensure button wraps nicely in paragraph text */
p .ss-button {
    vertical-align: middle;
    margin: 2px 4px;
}