.elementor-231 .elementor-element.elementor-element-724a4f0{--display:flex;--min-height:60vh;--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:flex-start;--overlay-opacity:0.5;}.elementor-231 .elementor-element.elementor-element-724a4f0:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-724a4f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/Still-2025-10-15-102016_1.23.1-scaled.png");background-position:0px -198px;background-size:cover;}.elementor-231 .elementor-element.elementor-element-724a4f0::before, .elementor-231 .elementor-element.elementor-element-724a4f0 > .elementor-background-video-container::before, .elementor-231 .elementor-element.elementor-element-724a4f0 > .e-con-inner > .elementor-background-video-container::before, .elementor-231 .elementor-element.elementor-element-724a4f0 > .elementor-background-slideshow::before, .elementor-231 .elementor-element.elementor-element-724a4f0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-231 .elementor-element.elementor-element-724a4f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-231 .elementor-element.elementor-element-075ec1a{--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:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-231 .elementor-element.elementor-element-075ec1a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-231 .elementor-element.elementor-element-1c18a67 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-231 .elementor-element.elementor-element-ffab2bc{width:var( --container-widget-width, 104.039% );max-width:104.039%;--container-widget-width:104.039%;--container-widget-flex-grow:0;font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-231 .elementor-element.elementor-element-ffab2bc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-231 .elementor-element.elementor-element-838e86c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-231 .elementor-element.elementor-element-682f762 .elementor-button{background-color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:35px 35px 35px 35px;padding:12px 24px 12px 24px;}.elementor-231 .elementor-element.elementor-element-682f762 .elementor-button:hover, .elementor-231 .elementor-element.elementor-element-682f762 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-231 .elementor-element.elementor-element-682f762{width:auto;max-width:auto;border-style:none;}.elementor-231 .elementor-element.elementor-element-682f762.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-231 .elementor-element.elementor-element-682f762 .elementor-button:hover svg, .elementor-231 .elementor-element.elementor-element-682f762 .elementor-button:focus svg{fill:#000000;}.elementor-231 .elementor-element.elementor-element-88d33cc .elementor-button{background-color:#000000;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;border-style:solid;border-width:2px 2px 2px 2px;border-color:#9ABCAC;border-radius:35px 35px 35px 35px;padding:12px 24px 12px 24px;}.elementor-231 .elementor-element.elementor-element-88d33cc .elementor-button:hover, .elementor-231 .elementor-element.elementor-element-88d33cc .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-231 .elementor-element.elementor-element-88d33cc{width:auto;max-width:auto;border-style:none;}.elementor-231 .elementor-element.elementor-element-88d33cc.elementor-element{--align-self:flex-start;}.elementor-231 .elementor-element.elementor-element-88d33cc .elementor-button:hover svg, .elementor-231 .elementor-element.elementor-element-88d33cc .elementor-button:focus svg{fill:#000000;}.elementor-231 .elementor-element.elementor-element-5cee085{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-231 .elementor-element.elementor-element-05153cb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-231 .elementor-element.elementor-element-9432158{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-231 .elementor-element.elementor-element-450c69a{text-align:left;}.elementor-231 .elementor-element.elementor-element-450c69a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:600;color:#000000;}.elementor-231 .elementor-element.elementor-element-4eb5b13{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-231 .elementor-element.elementor-element-c06e5ee .elementor-button{background-color:#00000000;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#9ABCAC;border-radius:35px 35px 35px 35px;padding:12px 24px 12px 24px;}.elementor-231 .elementor-element.elementor-element-c06e5ee .elementor-button:hover, .elementor-231 .elementor-element.elementor-element-c06e5ee .elementor-button:focus{background-color:var( --e-global-color-58aa582 );color:#FFFFFF;}.elementor-231 .elementor-element.elementor-element-c06e5ee{width:auto;max-width:auto;border-style:none;}.elementor-231 .elementor-element.elementor-element-c06e5ee.elementor-element{--align-self:flex-start;}.elementor-231 .elementor-element.elementor-element-c06e5ee .elementor-button:hover svg, .elementor-231 .elementor-element.elementor-element-c06e5ee .elementor-button:focus svg{fill:#FFFFFF;}.elementor-231 .elementor-element.elementor-element-e25feb8{--display:flex;--min-height:515px;--border-radius:25px 25px 25px 25px;}.elementor-231 .elementor-element.elementor-element-e25feb8:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-e25feb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/A7406632-scaled.jpg");background-position:center center;background-size:cover;}.elementor-231 .elementor-element.elementor-element-e25feb8.e-con{--order:-99999 /* order start hack */;}.elementor-231 .elementor-element.elementor-element-4857217{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-231 .elementor-element.elementor-element-4857217:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-4857217 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-231 .elementor-element.elementor-element-ace175e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-231 .elementor-element.elementor-element-dd25d8c{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-231 .elementor-element.elementor-element-1eccdad{text-align:left;}.elementor-231 .elementor-element.elementor-element-1eccdad .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:600;color:#000000;}.elementor-231 .elementor-element.elementor-element-6d156b5{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-231 .elementor-element.elementor-element-bda87f9 .elementor-button{background-color:#00000000;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#9ABCAC;border-radius:35px 35px 35px 35px;padding:12px 24px 12px 24px;}.elementor-231 .elementor-element.elementor-element-bda87f9 .elementor-button:hover, .elementor-231 .elementor-element.elementor-element-bda87f9 .elementor-button:focus{background-color:var( --e-global-color-58aa582 );color:#FFFFFF;}.elementor-231 .elementor-element.elementor-element-bda87f9{width:auto;max-width:auto;border-style:none;}.elementor-231 .elementor-element.elementor-element-bda87f9.elementor-element{--align-self:flex-start;}.elementor-231 .elementor-element.elementor-element-bda87f9 .elementor-button:hover svg, .elementor-231 .elementor-element.elementor-element-bda87f9 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-231 .elementor-element.elementor-element-c0fae02{--display:flex;--min-height:515px;--border-radius:25px 25px 25px 25px;}.elementor-231 .elementor-element.elementor-element-c0fae02:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-c0fae02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/A7406558-scaled.jpg");background-position:center center;background-size:cover;}.elementor-231 .elementor-element.elementor-element-de9a247{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:6rem;--padding-bottom:6rem;--padding-left:0rem;--padding-right:0rem;}.elementor-231 .elementor-element.elementor-element-de9a247:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-de9a247 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-231 .elementor-element.elementor-element-d9d6f68{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-231 .elementor-element.elementor-element-3684ec6{--display:flex;--justify-content:center;}.elementor-231 .elementor-element.elementor-element-3684ec6.e-con{--order:-99999 /* order start hack */;}.elementor-231 .elementor-element.elementor-element-c33ed65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;text-align:center;}.elementor-231 .elementor-element.elementor-element-c33ed65 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-58aa582 );}.elementor-231 .elementor-element.elementor-element-22e669a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;text-align:center;}.elementor-231 .elementor-element.elementor-element-22e669a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:600;color:#000000;}.elementor-231 .elementor-element.elementor-element-aafc195{--display:flex;--min-height:580px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.3;--border-radius:25px 25px 25px 25px;}.elementor-231 .elementor-element.elementor-element-aafc195:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-aafc195 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/Screenshot-2025-01-31-at-15.23.40-scaled.png");background-position:center center;background-size:cover;}.elementor-231 .elementor-element.elementor-element-aafc195::before, .elementor-231 .elementor-element.elementor-element-aafc195 > .elementor-background-video-container::before, .elementor-231 .elementor-element.elementor-element-aafc195 > .e-con-inner > .elementor-background-video-container::before, .elementor-231 .elementor-element.elementor-element-aafc195 > .elementor-background-slideshow::before, .elementor-231 .elementor-element.elementor-element-aafc195 > .e-con-inner > .elementor-background-slideshow::before, .elementor-231 .elementor-element.elementor-element-aafc195 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-231 .elementor-element.elementor-element-aafc195:hover::before, .elementor-231 .elementor-element.elementor-element-aafc195:hover > .elementor-background-video-container::before, .elementor-231 .elementor-element.elementor-element-aafc195:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-231 .elementor-element.elementor-element-aafc195 > .elementor-background-slideshow:hover::before, .elementor-231 .elementor-element.elementor-element-aafc195 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-231 .elementor-element.elementor-element-aafc195:hover{--overlay-opacity:0;}.elementor-231 .elementor-element.elementor-element-aafc195.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-231 .elementor-element.elementor-element-28eb85f .elementor-icon-wrapper{text-align:center;}.elementor-231 .elementor-element.elementor-element-28eb85f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-231 .elementor-element.elementor-element-28eb85f.elementor-view-framed .elementor-icon, .elementor-231 .elementor-element.elementor-element-28eb85f.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-231 .elementor-element.elementor-element-28eb85f.elementor-view-framed .elementor-icon, .elementor-231 .elementor-element.elementor-element-28eb85f.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-231 .elementor-element.elementor-element-28eb85f .elementor-icon{font-size:111px;}.elementor-231 .elementor-element.elementor-element-28eb85f .elementor-icon svg{height:111px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-231 .elementor-element.elementor-element-724a4f0{--content-width:1300px;}.elementor-231 .elementor-element.elementor-element-075ec1a{--width:50%;}.elementor-231 .elementor-element.elementor-element-5cee085{--content-width:1300px;}.elementor-231 .elementor-element.elementor-element-9432158{--width:50%;}.elementor-231 .elementor-element.elementor-element-e25feb8{--width:515px;}.elementor-231 .elementor-element.elementor-element-4857217{--content-width:1300px;}.elementor-231 .elementor-element.elementor-element-dd25d8c{--width:50%;}.elementor-231 .elementor-element.elementor-element-c0fae02{--width:515px;}.elementor-231 .elementor-element.elementor-element-de9a247{--content-width:1300px;}.elementor-231 .elementor-element.elementor-element-d9d6f68{--width:100%;}.elementor-231 .elementor-element.elementor-element-3684ec6{--width:100%;}.elementor-231 .elementor-element.elementor-element-aafc195{--width:80%;}}@media(max-width:1024px){.elementor-231 .elementor-element.elementor-element-724a4f0:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-724a4f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-231 .elementor-element.elementor-element-724a4f0:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-724a4f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-231 .elementor-element.elementor-element-1c18a67 .elementor-heading-title{font-size:44px;}.elementor-231 .elementor-element.elementor-element-ffab2bc{font-size:18px;}.elementor-231 .elementor-element.elementor-element-838e86c{--flex-wrap:nowrap;}.elementor-231 .elementor-element.elementor-element-682f762 .elementor-button{font-size:12px;padding:10px 16px 10px 16px;}.elementor-231 .elementor-element.elementor-element-88d33cc .elementor-button{font-size:12px;padding:10px 016px 10px 16px;}.elementor-231 .elementor-element.elementor-element-9432158{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-231 .elementor-element.elementor-element-450c69a{width:100%;max-width:100%;}.elementor-231 .elementor-element.elementor-element-4eb5b13{width:100%;max-width:100%;}.elementor-231 .elementor-element.elementor-element-e25feb8{--min-height:350px;}.elementor-231 .elementor-element.elementor-element-4857217{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-231 .elementor-element.elementor-element-c0fae02{--min-height:350px;}.elementor-231 .elementor-element.elementor-element-de9a247{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-231 .elementor-element.elementor-element-aafc195{--min-height:350px;}}/* Start custom CSS for button, class: .elementor-element-682f762 *//* === Transparent start → fyll uppifrån på hover === */
.hover-fill-herobtn .elementor-button,
.hover-fill-herobtn .elementor-button-link{
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 32px !important;
  line-height: 1 !important;
  box-sizing: border-box;
  border-radius: 999px !important;

  border: none !important;
  box-shadow: inset 0 0 0 2px #9abcac !important;

  /* Start: transparent bg + grön text */
  background-color: transparent !important;
  color: white !important;

  /* Lager för wipe-animation från toppen */
  background-image: linear-gradient(#9abcac, #9abcac);
  background-repeat: no-repeat;
  background-position: 0 0;        /* förankrat i topp */
  background-size: 100% 0%;        /* start: inget fyllt */

  transition: background-size .35s ease, color .35s ease;
}

/* Innehåll: ingen extra padding */
.hover-fill-herobtn .elementor-button .elementor-button-content-wrapper,
.hover-fill-herobtn .elementor-button-link .elementor-button-content-wrapper{
  padding: 0 !important;
}

/* === HOVER: fyll 100% uppifrån → ned === */
.hover-fill-herobtn .elementor-button:hover,
.hover-fill-herobtn .elementor-button-link:hover{
  background-size: 100% 100%;      /* fyller helt */
  color: #fff !important;          /* vit text */
}

/* Text ska aldrig brytas */
.hover-fill-herobtn .elementor-button-text,
.hover-fill-herobtn .elementor-button-link .elementor-button-text{
  white-space: nowrap !important;
  text-wrap: nowrap;
}

/* === Mobilanpassning === */
@media (max-width: 600px){
  :root{
    --btn-font: 14px;
    --btn-py: 14px;
    --btn-px: 22px;
  }

  .hover-fill-herobtn .elementor-button,
  .hover-fill-herobtn .elementor-button-link{
    padding: var(--btn-py) var(--btn-px) !important;
    font-size: var(--btn-font) !important;
  }

  .hover-fill-herobtn .elementor-button .elementor-button-content-wrapper,
  .hover-fill-herobtn .elementor-button-link .elementor-button-content-wrapper{
    padding: 0 !important;
    gap: 6px !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-88d33cc *//* === Portfolio-knapp: samma effekt, men tömning från TOPPEN === */
.hover-fill-port .elementor-button,
.hover-fill-port .elementor-button-link{
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* matcha storleken */
  padding: 14px 32px !important;
  line-height: 1 !important;
  box-sizing: border-box;
  border-radius: 999px !important;

  /* ingen border – använd inre stroke */
  border: none !important;
  box-shadow: inset 0 0 0 2px #9abcac !important;

  /* start: helt fylld grön med vit text */
  color: #fff !important;
  background-color: #9abcac !important;

  /* lager för wipe-animation – ANKRA I TOPPEN nu */
  background-image: linear-gradient(#9abcac, #9abcac);
  background-repeat: no-repeat;
  background-position: 0 0;       /* ← topp i stället för botten */
  background-size: 100% 100%;     /* börjar helt fylld */

  transition: background-size .35s ease, color .35s ease, background-color .35s ease;
}

/* säkerställ att wrappers inte stör storlek */
.hover-fill-port .elementor-button .elementor-button-content-wrapper,
.hover-fill-port .elementor-button-link .elementor-button-content-wrapper{
  padding: 0 !important;
}

/* HOVER: töm fyllningen TOPP→BOTten, behåll vit text och outline */
.hover-fill-port .elementor-button:hover,
.hover-fill-port .elementor-button-link:hover{
  background-size: 100% 0%;        /* drar ned fyllningen uppifrån */
  background-color: transparent !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 2px #9abcac !important;
}

/* Tvinga en rad i knapparna */
.hover-fill-hero .elementor-button .elementor-button-text,
.hover-fill-hero .elementor-button-link .elementor-button-text,
.hover-fill-port .elementor-button .elementor-button-text,
.hover-fill-port .elementor-button-link .elementor-button-text{
  white-space: nowrap !important;   /* klassisk */
  text-wrap: nowrap;                /* modern */
}

/* Mobiljusteringar: låt knappen få plats horisontellt */
/* === Mobilanpassning: mindre knappar men samma proportioner === */
@media (max-width: 600px){

  /* Justera grundmåtten på båda knapparna */
  :root{
    --btn-font: 14px;
    --btn-py: 14px;
    --btn-px: 22px;
  }

  .hover-fill-hero .elementor-button,
  .hover-fill-hero .elementor-button-link,
  .hover-fill-port .elementor-button,
  .hover-fill-port .elementor-button-link{
    padding: var(--btn-py) var(--btn-px) !important;
    font-size: var(--btn-font) !important;
  }

  /* Förhindra radbrytning */
  .hover-fill-hero .elementor-button-text,
  .hover-fill-port .elementor-button-text{
    white-space: nowrap !important;
  }

  /* Säkerställ att Elementor inte lägger extra höjd */
  .hover-fill-hero .elementor-button .elementor-button-content-wrapper,
  .hover-fill-port .elementor-button .elementor-button-content-wrapper{
    padding: 0 !important;
    gap: 6px !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c06e5ee *//* ===== Hover-fill med #9abcac ===== */
.hover-fill .elementor-button,
.hover-fill .elementor-button-link {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border-radius: 25px;
  border: 2px solid #9abcac;      /* utgångsborder */
  color: #000;                    /* svart text före hover */
  background: #fff !important;    /* vit bakgrund före hover */
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (hover-effekten) */
.hover-fill .elementor-button::before,
.hover-fill .elementor-button-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #9abcac;            /* fyllnadsfärgen */
  border-radius: inherit;
  transform: translateY(100%);    /* start under knappen */
  transition: transform .35s ease;
  pointer-events: none;
  z-index: 0;
}

/* Text/ikon alltid över fyllnaden */
.hover-fill .elementor-button *,
.hover-fill .elementor-button-link * {
  position: relative;
  z-index: 1;
}

/* Hover = fyll upp + vit text */
.hover-fill .elementor-button:hover::before,
.hover-fill .elementor-button-link:hover::before {
  transform: translateY(0);
}

/* ===== Hover-fill med #9abcac ===== */
.hover-fill .elementor-button,
.hover-fill .elementor-button-link {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border-radius: 25px;
  border: 2px solid #9abcac;
  color: #000;                    /* svart text före hover */
  background: #fff !important;    /* vit bakgrund före hover */
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

.hover-fill .elementor-button::before,
.hover-fill .elementor-button-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #9abcac;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  pointer-events: none;
  z-index: 0;
}

.hover-fill .elementor-button *,
.hover-fill .elementor-button-link * {
  position: relative;
  z-index: 1;
}

.hover-fill .elementor-button:hover::before,
.hover-fill .elementor-button-link:hover::before {
  transform: translateY(0);
}

.hover-fill .elementor-button:hover,
.hover-fill .elementor-button-link:hover {
  color: #fff !important;      /* vit text */
  border-color: #9abcac;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e25feb8 */.fast-bild {
    width: 515px !important;
    height: 515px !important;
    max-width: 515px !important;
    max-height: 515px !important;
    min-width: 515px !important;
    min-height: 515px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bda87f9 *//* Större knapp som matchar vänstra – tvinga storlek på alla lager */
.hover-fill .elementor-button,
.hover-fill .elementor-button-link{
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* Storlek */
  padding: 14px 32px !important;      /* ↑ ökad padding */
  line-height: 1 !important;
  min-height: unset !important;        /* nolla ev. Elementor-höjd */
  box-sizing: border-box;

  /* Form och kant */
  border: none !important;
  border-radius: 999px !important;     /* pill-form */
  box-shadow: inset 0 0 0 2px #9abcac !important;

  /* Färger */
  color: black!important;
  background: transparent !important;

  /* Hover-fill (täcker helt) */
  background-image: linear-gradient(#9abcac, #9abcac);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 0%;
  transition: background-size .35s ease, color .35s ease;
}

/* Nollställ wrapper som ofta äter upp padding */
.hover-fill .elementor-button .elementor-button-content-wrapper,
.hover-fill .elementor-button-link .elementor-button-content-wrapper{
  padding: 0 !important;
  gap: 8px !important;                 /* spacing mellan ikon/text */
}

/* Nollställ Elementors storleksklasser som kan låsa höjd/bredd */
.hover-fill .elementor-button.elementor-size-xs,
.hover-fill .elementor-button.elementor-size-sm,
.hover-fill .elementor-button.elementor-size-md,
.hover-fill .elementor-button.elementor-size-lg,
.hover-fill .elementor-button.elementor-size-xl{
  padding: 14px 32px !important;
  min-height: unset !important;
  line-height: 1 !important;
}

/* Text/ikon över fyllningen */
.hover-fill .elementor-button *,
.hover-fill .elementor-button-link *{
  position: relative;
  z-index: 1;
}

/* Hover: fyll hela ytan */
.hover-fill .elementor-button:hover,
.hover-fill .elementor-button-link:hover{
  background-size: 100% 100%;
  color: #fff !important;
}

@media (max-width: 600px){

  /* Justera grundmåtten på båda knapparna */
  :root{
    --btn-font: 14px;
    --btn-py: 14px;
    --btn-px: 22px;
  }

  .hover-fill .elementor-button,
  .hover-fill .elementor-button-link,
  .hover-fill-port .elementor-button,
  .hover-fill-port .elementor-button-link{
    padding: var(--btn-py) var(--btn-px) !important;
    font-size: var(--btn-font) !important;
  }

  /* Förhindra radbrytning */
  .hover-fill .elementor-button-text,
  .hover-fill-port .elementor-button-text{
    white-space: nowrap !important;
  }

  /* Säkerställ att Elementor inte lägger extra höjd */
  .hover-fill .elementor-button .elementor-button-content-wrapper,
  .hover-fill-port .elementor-button .elementor-button-content-wrapper{
    padding: 0 !important;
    gap: 6px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0fae02 */.fast-bild {
    width: 515px !important;
    height: 515px !important;
    max-width: 515px !important;
    max-height: 515px !important;
    min-width: 515px !important;
    min-height: 515px !important;
}/* End custom CSS */