/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 10 2026 | 10:32:19 */
/* =========================================================
   03 — SECOND CREEK HERO BUTTONS

   Desktop button sizing calibrated for Chrome at 100% on a
   true 1920px-wide viewport.

   Tablet and mobile sizing remain controlled by their
   dedicated responsive snippets.
   ========================================================= */


/* =========================================================
   BUTTON ROW
   ========================================================= */

.sct-hero-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;

    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;

    gap: 17px !important;

    margin: 48px 0 0 !important;
    padding: 0 !important;
}


/* =========================================================
   BUTTON WIDGET WRAPPERS
   ========================================================= */

.sct-hero-btn-primary,
.sct-hero-btn-secondary {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   SHARED BUTTON STYLING

   Supports Elementor button links, ordinary links, and
   button elements.
   ========================================================= */

.sct-hero-btn-primary .elementor-button,
.sct-hero-btn-primary a,
a.sct-hero-btn-primary,
.sct-hero-btn-primary button,
button.sct-hero-btn-primary,
.sct-hero-btn-secondary .elementor-button,
.sct-hero-btn-secondary a,
a.sct-hero-btn-secondary,
.sct-hero-btn-secondary button,
button.sct-hero-btn-secondary {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 46px !important;

    padding: 0 23px !important;

    border-radius: 4px !important;

    font-family:
        "Inter",
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
    letter-spacing: -0.008em !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap;

    transition:
        transform 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease,
        color 180ms ease,
        box-shadow 180ms ease !important;
}


/* =========================================================
   PRIMARY BUTTON
   ========================================================= */

.sct-hero-btn-primary .elementor-button,
.sct-hero-btn-primary a,
a.sct-hero-btn-primary,
.sct-hero-btn-primary button,
button.sct-hero-btn-primary {
    min-width: 203px !important;

    border: 1px solid var(--sct-blue) !important;

    background: var(--sct-blue) !important;
    color: #ffffff !important;

    box-shadow:
        0 9px 21px rgba(8, 103, 242, 0.18) !important;
}


/* =========================================================
   SECONDARY BUTTON
   ========================================================= */

.sct-hero-btn-secondary .elementor-button,
.sct-hero-btn-secondary a,
a.sct-hero-btn-secondary,
.sct-hero-btn-secondary button,
button.sct-hero-btn-secondary {
    min-width: 154px !important;

    border: 1.5px solid var(--sct-blue) !important;

    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--sct-blue) !important;

    box-shadow:
        0 6px 17px rgba(8, 103, 242, 0.10) !important;
}


/* =========================================================
   BUTTON ICON SPACING
   ========================================================= */

.sct-hero-btn-primary .elementor-button,
.sct-hero-btn-primary a,
.sct-hero-btn-primary button,
.sct-hero-btn-secondary .elementor-button,
.sct-hero-btn-secondary a,
.sct-hero-btn-secondary button {
    gap: 12px !important;
}

.sct-hero-btn-primary .elementor-button-icon,
.sct-hero-btn-secondary .elementor-button-icon {
    margin: 0 !important;
}


/* =========================================================
   HOVER AND KEYBOARD FOCUS
   ========================================================= */

.sct-hero-btn-primary .elementor-button:hover,
.sct-hero-btn-primary .elementor-button:focus-visible,
.sct-hero-btn-primary a:hover,
.sct-hero-btn-primary a:focus-visible,
a.sct-hero-btn-primary:hover,
a.sct-hero-btn-primary:focus-visible,
.sct-hero-btn-primary button:hover,
.sct-hero-btn-primary button:focus-visible,
button.sct-hero-btn-primary:hover,
button.sct-hero-btn-primary:focus-visible {
    border-color: var(--sct-blue-hover) !important;

    background: var(--sct-blue-hover) !important;
    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 12px 26px rgba(8, 103, 242, 0.24) !important;
}

.sct-hero-btn-secondary .elementor-button:hover,
.sct-hero-btn-secondary .elementor-button:focus-visible,
.sct-hero-btn-secondary a:hover,
.sct-hero-btn-secondary a:focus-visible,
a.sct-hero-btn-secondary:hover,
a.sct-hero-btn-secondary:focus-visible,
.sct-hero-btn-secondary button:hover,
.sct-hero-btn-secondary button:focus-visible,
button.sct-hero-btn-secondary:hover,
button.sct-hero-btn-secondary:focus-visible {
    border-color: var(--sct-blue-hover) !important;

    background: rgba(8, 103, 242, 0.07) !important;
    color: var(--sct-blue-hover) !important;

    transform: translateY(-2px);
}