.elementor-37 .elementor-element.elementor-element-2233d50{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-37 .elementor-element.elementor-element-c594ec1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-37 .elementor-element.elementor-element-5ed28cb .elementor-button{font-size:37px;}.elementor-37 .elementor-element.elementor-element-76db4f2{text-align:center;}.elementor-37 .elementor-element.elementor-element-be3b695 .elementor-button{font-size:37px;}.elementor-37 .elementor-element.elementor-element-2f0e070{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-c594ec1{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-5ed28cb *//* Nowoczesny kwadratowy przycisk */
.moj-fajny-button a.elementor-button {
    background: linear-gradient(135deg, #555555, #333333) !important; /* Głęboki szary gradient */
    border-radius: 6px !important; /* Lekkie zaokrąglenie rogów */
    padding: 18px 40px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    
    /* Subtelny, wielowarstwowy cień (efekt głębi) */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 
                0 1px 3px rgba(0, 0, 0, 0.08) !important;
    
    position: relative !important;
    overflow: hidden !important;
    display: inline-block !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Delikatna ramka wewnętrzna */
}

/* Efekt najechania (Hover) */
.moj-fajny-button a.elementor-button:hover {
    transform: translateY(-3px) !important; /* Lekkie uniesienie */
    background: linear-gradient(135deg, #666666, #444444) !important; /* Rozjaśnienie przy najechaniu */
    
    /* Mocniejszy cień przy najechaniu */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 
                0 6px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Subtelny błysk przy najechaniu */
.moj-fajny-button a.elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    transition: 0.5s;
}

.moj-fajny-button a.elementor-button:hover::after {
    left: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-be3b695 *//* Nowoczesny kwadratowy przycisk */
.moj-fajny-button a.elementor-button {
    background: linear-gradient(135deg, #555555, #333333) !important; /* Głęboki szary gradient */
    border-radius: 6px !important; /* Lekkie zaokrąglenie rogów */
    padding: 18px 40px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    
    /* Subtelny, wielowarstwowy cień (efekt głębi) */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 
                0 1px 3px rgba(0, 0, 0, 0.08) !important;
    
    position: relative !important;
    overflow: hidden !important;
    display: inline-block !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Delikatna ramka wewnętrzna */
}

/* Efekt najechania (Hover) */
.moj-fajny-button a.elementor-button:hover {
    transform: translateY(-3px) !important; /* Lekkie uniesienie */
    background: linear-gradient(135deg, #666666, #444444) !important; /* Rozjaśnienie przy najechaniu */
    
    /* Mocniejszy cień przy najechaniu */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 
                0 6px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Subtelny błysk przy najechaniu */
.moj-fajny-button a.elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    transition: 0.5s;
}

.moj-fajny-button a.elementor-button:hover::after {
    left: 100%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b15165a *//* Nowoczesny przycisk panelu */
.panel-btn{
    background: linear-gradient(135deg, #555555, #333333);
    border-radius: 6px;
    padding: 18px 40px;
    color: #ffffff;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;

    /* efekt głębi */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1),
                0 1px 3px rgba(0,0,0,0.08);

    border: 1px solid rgba(255,255,255,0.1);
}

/* Hover */
.panel-btn:hover{
    transform: translateY(-3px);
    background: linear-gradient(135deg, #666666, #444444);

    box-shadow: 0 10px 20px rgba(0,0,0,0.15),
                0 6px 6px rgba(0,0,0,0.1);
}

/* Subtelny błysk */
.panel-btn::after{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.1),
        transparent
    );

    transition:0.5s;
}

.panel-btn:hover::after{
    left:100%;
}/* End custom CSS */