/* ==========================================================
   BUTTONS
   Noclegi u Boguszów
========================================================== */

:root{

    /* Kolory */

    --btn-green:#758269;
    --btn-green-hover:#657159;

    /* Wymiary */

    --btn-radius:4px;

    --btn-height:44px;
    --btn-height-hero:52px;
    --btn-height-header:40px;

    --btn-padding:0 28px;
    --btn-padding-hero:0 34px;
    --btn-padding-header:0 24px;

    --btn-transition:.25s ease;

}


/* ==========================================================
   BASE
========================================================== */

.elementor-button,
.ast-header-button-1 .ast-custom-button,
#contact-form .wpforms-submit{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:var(--btn-height);

    padding:var(--btn-padding) !important;

    border-radius:var(--btn-radius) !important;

    font-family:"Inter",sans-serif !important;
    font-size:13px !important;
    font-weight:600 !important;

    letter-spacing:.18em;
    text-transform:uppercase;
    text-decoration:none;

    transition:
        background-color var(--btn-transition),
        border-color var(--btn-transition),
        color var(--btn-transition),
        box-shadow var(--btn-transition),
        opacity var(--btn-transition);

}


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

.ast-header-button-1 .ast-custom-button,
.elementor-element-c18be95 .elementor-button,
.elementor-element-3dcddc9 .elementor-button,
#contact-form .wpforms-submit{

    background: rgba(117,130,105,.93) !important;

    color:#fff !important;

    border:1px solid var(--btn-green) !important;

}

.ast-header-button-1 .ast-custom-button:hover,
.elementor-element-c18be95 .elementor-button:hover,
.elementor-element-3dcddc9 .elementor-button:hover,
#contact-form .wpforms-submit:hover{

    background: rgba(101,113,89,.97) !important;

    border-color:var(--btn-green-hover) !important;

}


/* ==========================================================
   SECONDARY WHITE
========================================================== */

.elementor-element-9d007fd .elementor-button{

    background:transparent !important;

    color:#fff !important;

    border:1px solid rgba(255,255,255,.72) !important;

}

.elementor-element-9d007fd .elementor-button:hover{

    background:rgba(255,255,255,.10) !important;

    border-color:#fff !important;

}


/* ==========================================================
   SECONDARY GREEN
========================================================== */

.elementor-element-08828f2 .elementor-button{

    background:transparent !important;

    color:var(--btn-green) !important;

    border:1px solid var(--btn-green) !important;

}

.elementor-element-08828f2 .elementor-button:hover{

    background:rgba(117,130,105,.08) !important;

    border-color:var(--btn-green-hover) !important;

    color:var(--btn-green-hover) !important;

}


/* ==========================================================
   HERO
========================================================== */

.elementor-element-c18be95 .elementor-button,
.elementor-element-9d007fd .elementor-button{

    min-width:190px;

    min-height:var(--btn-height-hero);

    padding:var(--btn-padding-hero) !important;

}


/* ==========================================================
   HEADER
========================================================== */

.ast-header-button-1 .ast-custom-button{

    min-width:140px;

    min-height:var(--btn-height-header);

    padding:var(--btn-padding-header);

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

    .elementor-button{

        width:100%;

    }

}

/* ==========================================================
   ZADZWOŃ
========================================================== */

.elementor-element-4a1065c .elementor-button{

    background:rgba(255,255,255,.92) !important;

    color:#6D7D5F !important;

    border:none !important;

    box-shadow:
        0 6px 18px rgba(0,0,0,.08);

}

.elementor-element-4a1065c .elementor-button svg{

    color:#6D7D5F;

}

.elementor-element-4a1065c .elementor-button:hover{

    background:#ffffff !important;

    transform:translateY(-2px);

}


.elementor-element-6e8d5b6 .elementor-button{

    background:transparent !important;

    border:1px solid rgba(255,255,255,.72) !important;

    color:#fff !important;

}

.elementor-element-6e8d5b6 .elementor-button svg{

    color:#fff;

}

.elementor-element-6e8d5b6 .elementor-button:hover{

    background:rgba(255,255,255,.08) !important;

    border-color:#fff !important;

    transform:translateY(-2px);

}