.elementor-284 .elementor-element.elementor-element-64a55b5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-284 .elementor-element.elementor-element-64a55b5:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-64a55b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-0ab9657{--display:flex;--min-height:14vh;--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:space-evenly;--align-items:center;--border-radius:10px 10px 10px 10px;}.elementor-284 .elementor-element.elementor-element-0ab9657:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-0ab9657 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-284 .elementor-element.elementor-element-8f44d13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-55cf473{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-02effd5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-dbbc3dd{--display:flex;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#AE791D;--border-color:#AE791D;--border-radius:0px 0px 0px 0px;}@media(min-width:768px){.elementor-284 .elementor-element.elementor-element-64a55b5{--content-width:100%;}.elementor-284 .elementor-element.elementor-element-0ab9657{--width:75%;}.elementor-284 .elementor-element.elementor-element-dbbc3dd{--width:75%;}}/* Start custom CSS for container, class: .elementor-element-0ab9657 *//* 1. ELTÜNTETJÜK A FELSŐ SZÜRKE HÁTTERET ÉS BEILLESZTJÜK A SÖTÉTKÉK ALAPBA */
.felso-gombok-kontener {
    background-color: transparent !important; /* Eltünteti a szürke dobozt */
    background: transparent !important;
    padding: 30px 0px !important; /* Kicsit növelve a konténer külső függőleges tere is */
    display: flex !important;
    justify-content: center !important;
    gap: 40px !important; /* MEGNÖVELVE (20px-ről 40px-re) -> Több hely a gombok között */
    border: none !important;
    box-shadow: none !important;
}

/* 2. AZ ALAPÁLLAPOTÚ GOMBOK (Még nagyobb méret) */
.felso-gombok-kontener .elementor-button {
    background-color: #ffffff !important; /* Pontos halványszürke háttér */
    color: #64748b !important; /* Pontos szürkéskék szöveg */
    font-family: inherit !important;
    font-size: 18px !important; /* MÉG NAGYOBB BETŰ (16px-ről 18px-re) */
    font-weight: 600 !important; /* Kicsit vastagabb betűk a jobb olvashatóságért */
    padding: 18px 40px !important; /* MÉG NAGYOBB GOMBOK (14px 32px-ről 18px 40px-re) */
    border-radius: 35px !important; /* HOZZÁIGAZÍTVA a még nagyobb mérethez, hogy szép kerek maradjon */
    border: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* 3. EGÉR RÁHÚZÁS (HOVER) EFFEKT */
.felso-gombok-kontener .elementor-button:hover {
    background-color: #e2e8f0 !important; /* Kicsit sötétebb szürke rámutatáskor */
    color: #1e293b !important;
}

/* 4. AZ AKTÍV / KIJELÖLT GOMB */
.felso-gombok-kontener .aktiv-gomb .elementor-button {
    background-color: #3b82f6 !important; /* Erős királykék */
    color: #ffffff !important; /* Fehér szöveg */
    font-weight: 700 !important;
    box-shadow: 0 6px 15px rgba(59, 130, 246, 0.4) !important; /* Erősebb ragyogás a nagyobb mérethez */
}/* End custom CSS */