.elementor-267 .elementor-element.elementor-element-f94dc70{--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-267 .elementor-element.elementor-element-f94dc70:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-f94dc70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/A7409004-scaled-e1760795991650.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-267 .elementor-element.elementor-element-f94dc70::before, .elementor-267 .elementor-element.elementor-element-f94dc70 > .elementor-background-video-container::before, .elementor-267 .elementor-element.elementor-element-f94dc70 > .e-con-inner > .elementor-background-video-container::before, .elementor-267 .elementor-element.elementor-element-f94dc70 > .elementor-background-slideshow::before, .elementor-267 .elementor-element.elementor-element-f94dc70 > .e-con-inner > .elementor-background-slideshow::before, .elementor-267 .elementor-element.elementor-element-f94dc70 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-267 .elementor-element.elementor-element-ac3358e{--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-267 .elementor-element.elementor-element-ac3358e.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-267 .elementor-element.elementor-element-947ee58 .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-267 .elementor-element.elementor-element-4bf7b8e{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-267 .elementor-element.elementor-element-4bf7b8e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-267 .elementor-element.elementor-element-8aca0aa{--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-267 .elementor-element.elementor-element-ee928e5 .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-267 .elementor-element.elementor-element-ee928e5 .elementor-button:hover, .elementor-267 .elementor-element.elementor-element-ee928e5 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-267 .elementor-element.elementor-element-ee928e5{width:auto;max-width:auto;border-style:none;}.elementor-267 .elementor-element.elementor-element-ee928e5.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-267 .elementor-element.elementor-element-ee928e5 .elementor-button:hover svg, .elementor-267 .elementor-element.elementor-element-ee928e5 .elementor-button:focus svg{fill:#000000;}.elementor-267 .elementor-element.elementor-element-ea9bfb1 .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-267 .elementor-element.elementor-element-ea9bfb1 .elementor-button:hover, .elementor-267 .elementor-element.elementor-element-ea9bfb1 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-267 .elementor-element.elementor-element-ea9bfb1{width:auto;max-width:auto;border-style:none;}.elementor-267 .elementor-element.elementor-element-ea9bfb1.elementor-element{--align-self:flex-start;}.elementor-267 .elementor-element.elementor-element-ea9bfb1 .elementor-button:hover svg, .elementor-267 .elementor-element.elementor-element-ea9bfb1 .elementor-button:focus svg{fill:#000000;}.elementor-267 .elementor-element.elementor-element-7f5b298{--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:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-267 .elementor-element.elementor-element-c384a4f{--divider-border-style:solid;--divider-color:#DBDADA;--divider-border-width:1px;margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-267 .elementor-element.elementor-element-c384a4f .elementor-divider-separator{width:100%;}.elementor-267 .elementor-element.elementor-element-c384a4f .elementor-divider{padding-block-start:25px;padding-block-end:25px;}.elementor-267 .elementor-element.elementor-element-0e440f6{--divider-border-style:solid;--divider-color:#DBDADA;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -90px) 0px;}.elementor-267 .elementor-element.elementor-element-0e440f6 .elementor-divider-separator{width:100%;}.elementor-267 .elementor-element.elementor-element-0e440f6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-267 .elementor-element.elementor-element-d5be4ad{--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:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-267 .elementor-element.elementor-element-9d36e2a{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-267 .elementor-element.elementor-element-2f02740{--display:flex;}.elementor-267 .elementor-element.elementor-element-0fd26c3{--display:flex;}.elementor-267 .elementor-element.elementor-element-52b25b4{--display:flex;}.elementor-267 .elementor-element.elementor-element-e8f9e28{--display:flex;}.elementor-267 .elementor-element.elementor-element-020cf41{--display:flex;}.elementor-267 .elementor-element.elementor-element-d7cf8d7{--display:flex;}.elementor-267 .elementor-element.elementor-element-cd2c748{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-267 .elementor-element.elementor-element-674d226{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-267 .elementor-element.elementor-element-674d226:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-674d226 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/A7401396-scaled.jpg");background-position:center center;background-size:cover;}.elementor-267 .elementor-element.elementor-element-a4af3d3{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 15px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-a4af3d3.elementor-element{--align-self:flex-start;}.elementor-267 .elementor-element.elementor-element-a4af3d3 p{margin-block-end:0px;}.elementor-267 .elementor-element.elementor-element-308ac97{--display:flex;--min-height:0px;--justify-content:flex-start;--border-radius:15px 15px 15px 15px;}.elementor-267 .elementor-element.elementor-element-308ac97:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-308ac97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/A7409627-scaled.jpg");background-position:center center;background-size:cover;}.elementor-267 .elementor-element.elementor-element-ecbb859{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 15px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-ecbb859.elementor-element{--align-self:flex-start;}.elementor-267 .elementor-element.elementor-element-ecbb859 p{margin-block-end:0px;}.elementor-267 .elementor-element.elementor-element-6782901{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-267 .elementor-element.elementor-element-6782901:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-6782901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/P1244208-scaled.jpg");background-position:center center;background-size:cover;}.elementor-267 .elementor-element.elementor-element-2c6e9da{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 15px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-2c6e9da.elementor-element{--align-self:flex-start;}.elementor-267 .elementor-element.elementor-element-2c6e9da p{margin-block-end:0px;}.elementor-267 .elementor-element.elementor-element-dc5a4cd{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-267 .elementor-element.elementor-element-dc5a4cd:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-dc5a4cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/A7406322-scaled.jpg");background-position:center center;background-size:cover;}.elementor-267 .elementor-element.elementor-element-4e337e1{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 15px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-4e337e1.elementor-element{--align-self:flex-start;}.elementor-267 .elementor-element.elementor-element-4e337e1 p{margin-block-end:0px;}.elementor-267 .elementor-element.elementor-element-afdcd2f{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-267 .elementor-element.elementor-element-afdcd2f:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-afdcd2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/DSC01753-scaled.jpg");background-position:center center;background-size:cover;}.elementor-267 .elementor-element.elementor-element-a105b40{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 15px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-a105b40.elementor-element{--align-self:flex-start;}.elementor-267 .elementor-element.elementor-element-a105b40 p{margin-block-end:0px;}.elementor-267 .elementor-element.elementor-element-56fbefa{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-267 .elementor-element.elementor-element-56fbefa:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-56fbefa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/Rebecca-Oscar-488-8.jpg");background-position:center center;background-size:cover;}.elementor-267 .elementor-element.elementor-element-0284429{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 15px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-0284429.elementor-element{--align-self:flex-start;}.elementor-267 .elementor-element.elementor-element-0284429 p{margin-block-end:0px;}.elementor-267 .elementor-element.elementor-element-358a57f{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-267 .elementor-element.elementor-element-358a57f:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-358a57f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/P1366433-Enhanced-NR-scaled.jpg");background-position:center center;background-size:cover;}.elementor-267 .elementor-element.elementor-element-05238f3{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 15px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-05238f3.elementor-element{--align-self:flex-start;}.elementor-267 .elementor-element.elementor-element-05238f3 p{margin-block-end:0px;}.elementor-267 .elementor-element.elementor-element-bfa58fd{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-267 .elementor-element.elementor-element-bfa58fd:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-bfa58fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/Skarmavbild-2025-10-16-kl.-16.36.26.png");background-position:center center;background-size:cover;}.elementor-267 .elementor-element.elementor-element-a164e07{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 15px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-a164e07.elementor-element{--align-self:flex-start;}.elementor-267 .elementor-element.elementor-element-a164e07 p{margin-block-end:0px;}.elementor-267 .elementor-element.elementor-element-16739eb{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-tabs-gap:30px;--n-tabs-title-border-radius:15px 15px 15px 15px;--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:18px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:18px;--n-tabs-title-color:#000000;--n-tabs-title-color-active:var( --e-global-color-58aa582 );}.elementor-267 .elementor-element.elementor-element-16739eb > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-16739eb.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;border-style:none;}.elementor-267 .elementor-element.elementor-element-16739eb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-267 .elementor-element.elementor-element-16739eb.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#53585600;border-style:none;}.elementor-267 .elementor-element.elementor-element-16739eb.elementor-element{--align-self:center;}.elementor-267 .elementor-element.elementor-element-16739eb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-267 .elementor-element.elementor-element-16739eb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-267 .elementor-element.elementor-element-16739eb [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-58aa582 );}.elementor-267 .elementor-element.elementor-element-5408e9f{--display:flex;--min-height:238px;--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:center;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-267 .elementor-element.elementor-element-5408e9f:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-5408e9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dfe857e );}.elementor-267 .elementor-element.elementor-element-e0cf1a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-267 .elementor-element.elementor-element-e0cf1a1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-58aa582 );}.elementor-267 .elementor-element.elementor-element-d1dcc0c{text-align:left;}.elementor-267 .elementor-element.elementor-element-d1dcc0c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:600;color:#000000;}.elementor-267 .elementor-element.elementor-element-77ad7e8{--display:flex;--min-height:0px;--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:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-267 .elementor-element.elementor-element-77ad7e8:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-77ad7e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-fac7b1d{--display:flex;--min-height:402px;--justify-content:center;}.elementor-267 .elementor-element.elementor-element-2fe25d3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;padding:0px 0px 0px 0px;}.elementor-267 .elementor-element.elementor-element-2fe25d3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-58aa582 );}.elementor-267 .elementor-element.elementor-element-0f5bd5b{text-align:left;}.elementor-267 .elementor-element.elementor-element-0f5bd5b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:600;color:#000000;}.elementor-267 .elementor-element.elementor-element-c5d139c{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-267 .elementor-element.elementor-element-25964e8{--display:flex;--min-height:0px;--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-267 .elementor-element.elementor-element-25964e8.e-con{--align-self:center;}.elementor-267 .elementor-element.elementor-element-74e8013{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-267 .elementor-element.elementor-element-74e8013:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-74e8013 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D6C0C000;}.elementor-267 .elementor-element.elementor-element-74e8013.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-267 .elementor-element.elementor-element-87d280d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-267 .elementor-element.elementor-element-947ee58 .elementor-heading-title{font-size:44px;}.elementor-267 .elementor-element.elementor-element-4bf7b8e{font-size:18px;}.elementor-267 .elementor-element.elementor-element-8aca0aa{--flex-wrap:nowrap;}.elementor-267 .elementor-element.elementor-element-ee928e5 .elementor-button{font-size:12px;padding:10px 16px 10px 16px;}.elementor-267 .elementor-element.elementor-element-ea9bfb1 .elementor-button{font-size:12px;padding:10px 016px 10px 16px;}.elementor-267 .elementor-element.elementor-element-674d226{--min-height:300px;}.elementor-267 .elementor-element.elementor-element-308ac97{--min-height:300px;}.elementor-267 .elementor-element.elementor-element-6782901{--min-height:300px;}.elementor-267 .elementor-element.elementor-element-dc5a4cd{--min-height:300px;}.elementor-267 .elementor-element.elementor-element-afdcd2f{--min-height:300px;}.elementor-267 .elementor-element.elementor-element-56fbefa{--min-height:300px;}.elementor-267 .elementor-element.elementor-element-358a57f{--min-height:300px;}.elementor-267 .elementor-element.elementor-element-bfa58fd{--min-height:300px;}.elementor-267 .elementor-element.elementor-element-16739eb{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;}.elementor-267 .elementor-element.elementor-element-5408e9f{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-267 .elementor-element.elementor-element-fac7b1d{--min-height:0px;}.elementor-267 .elementor-element.elementor-element-74e8013{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-267 .elementor-element.elementor-element-f94dc70{--content-width:1300px;}.elementor-267 .elementor-element.elementor-element-ac3358e{--width:50%;}.elementor-267 .elementor-element.elementor-element-d5be4ad{--content-width:1300px;}.elementor-267 .elementor-element.elementor-element-2f02740{--content-width:1300px;}.elementor-267 .elementor-element.elementor-element-0fd26c3{--content-width:1300px;}.elementor-267 .elementor-element.elementor-element-52b25b4{--content-width:1300px;}.elementor-267 .elementor-element.elementor-element-e8f9e28{--content-width:1300px;}.elementor-267 .elementor-element.elementor-element-020cf41{--content-width:1300px;}.elementor-267 .elementor-element.elementor-element-d7cf8d7{--content-width:1300px;}.elementor-267 .elementor-element.elementor-element-cd2c748{--content-width:11013000px;}.elementor-267 .elementor-element.elementor-element-674d226{--width:49%;}.elementor-267 .elementor-element.elementor-element-308ac97{--width:49%;}.elementor-267 .elementor-element.elementor-element-6782901{--width:49%;}.elementor-267 .elementor-element.elementor-element-dc5a4cd{--width:49%;}.elementor-267 .elementor-element.elementor-element-afdcd2f{--width:49%;}.elementor-267 .elementor-element.elementor-element-56fbefa{--width:49%;}.elementor-267 .elementor-element.elementor-element-358a57f{--width:49%;}.elementor-267 .elementor-element.elementor-element-bfa58fd{--width:49%;}.elementor-267 .elementor-element.elementor-element-5408e9f{--content-width:1300px;}.elementor-267 .elementor-element.elementor-element-77ad7e8{--content-width:1300px;}.elementor-267 .elementor-element.elementor-element-fac7b1d{--width:58%;}.elementor-267 .elementor-element.elementor-element-25964e8{--width:53%;}.elementor-267 .elementor-element.elementor-element-74e8013{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-ee928e5 *//* === 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-ea9bfb1 *//* === 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 text-editor, class: .elementor-element-a4af3d3 *//* === Case-tag pill-knapp med vit outline och hover-fill === */
.btn-label{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 30px !important; /* Samma höjd som hero-knappen */
  border-radius: 999px !important;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;

  /* Start: vit outline via inset box-shadow */
  border: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  background: transparent !important;
  color: #fff !important;
  white-space: nowrap;

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

/* Wipe overlay från botten */
.btn-label::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .35s ease;
  z-index: 0;
}

/* Text över overlay */
.btn-label > *{
  position: relative;
  z-index: 1;
}

/* Hover: fyll uppåt → nedåt */
.btn-label:hover::before,
.is-card-link:hover .btn-label::before{
  transform: scaleY(1);
}

/* Text blir mörk vid hover */
.btn-label:hover,
.is-card-link:hover .btn-label{
  color: #000 !important;
}

/* Nollställ Elementor-hover borders */
.btn-label:focus,
.btn-label:active{
  outline: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

/* Mobil – följ herobtn logik */
@media (max-width: 600px){
  :root{
    --btn-font: 14px;
    --btn-py: 12px;
    --btn-px: 22px;
  }
  .btn-label{
    padding: var(--btn-py) var(--btn-px) !important;
    font-size: var(--btn-font) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-674d226 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-674d226 { display:block; position:relative; }   /* säkert klickområde */
/* Trigger knapp-effekt vid hover på hela card-containern */
.hover-radius:hover .btn-label::before,
.hover-radius:focus-within .btn-label::before{
  transform: translateY(0);
}

.hover-radius:hover .btn-label,
.hover-radius:focus-within .btn-label{
  color: #000 !important;
  border-color: #fff;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ecbb859 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-308ac97 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-308ac97 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c6e9da *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6782901 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-6782901 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e337e1 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc5a4cd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-dc5a4cd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a105b40 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afdcd2f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-afdcd2f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0284429 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56fbefa */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-56fbefa { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-05238f3 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-358a57f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-358a57f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a164e07 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa58fd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-bfa58fd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a4af3d3 *//* === Case-tag pill-knapp med vit outline och hover-fill === */
.btn-label{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 30px !important; /* Samma höjd som hero-knappen */
  border-radius: 999px !important;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;

  /* Start: vit outline via inset box-shadow */
  border: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  background: transparent !important;
  color: #fff !important;
  white-space: nowrap;

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

/* Wipe overlay från botten */
.btn-label::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .35s ease;
  z-index: 0;
}

/* Text över overlay */
.btn-label > *{
  position: relative;
  z-index: 1;
}

/* Hover: fyll uppåt → nedåt */
.btn-label:hover::before,
.is-card-link:hover .btn-label::before{
  transform: scaleY(1);
}

/* Text blir mörk vid hover */
.btn-label:hover,
.is-card-link:hover .btn-label{
  color: #000 !important;
}

/* Nollställ Elementor-hover borders */
.btn-label:focus,
.btn-label:active{
  outline: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

/* Mobil – följ herobtn logik */
@media (max-width: 600px){
  :root{
    --btn-font: 14px;
    --btn-py: 12px;
    --btn-px: 22px;
  }
  .btn-label{
    padding: var(--btn-py) var(--btn-px) !important;
    font-size: var(--btn-font) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-674d226 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-674d226 { display:block; position:relative; }   /* säkert klickområde */
/* Trigger knapp-effekt vid hover på hela card-containern */
.hover-radius:hover .btn-label::before,
.hover-radius:focus-within .btn-label::before{
  transform: translateY(0);
}

.hover-radius:hover .btn-label,
.hover-radius:focus-within .btn-label{
  color: #000 !important;
  border-color: #fff;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ecbb859 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-308ac97 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-308ac97 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c6e9da *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6782901 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-6782901 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e337e1 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc5a4cd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-dc5a4cd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a105b40 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afdcd2f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-afdcd2f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0284429 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56fbefa */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-56fbefa { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-05238f3 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-358a57f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-358a57f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a164e07 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa58fd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-bfa58fd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a4af3d3 *//* === Case-tag pill-knapp med vit outline och hover-fill === */
.btn-label{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 30px !important; /* Samma höjd som hero-knappen */
  border-radius: 999px !important;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;

  /* Start: vit outline via inset box-shadow */
  border: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  background: transparent !important;
  color: #fff !important;
  white-space: nowrap;

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

/* Wipe overlay från botten */
.btn-label::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .35s ease;
  z-index: 0;
}

/* Text över overlay */
.btn-label > *{
  position: relative;
  z-index: 1;
}

/* Hover: fyll uppåt → nedåt */
.btn-label:hover::before,
.is-card-link:hover .btn-label::before{
  transform: scaleY(1);
}

/* Text blir mörk vid hover */
.btn-label:hover,
.is-card-link:hover .btn-label{
  color: #000 !important;
}

/* Nollställ Elementor-hover borders */
.btn-label:focus,
.btn-label:active{
  outline: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

/* Mobil – följ herobtn logik */
@media (max-width: 600px){
  :root{
    --btn-font: 14px;
    --btn-py: 12px;
    --btn-px: 22px;
  }
  .btn-label{
    padding: var(--btn-py) var(--btn-px) !important;
    font-size: var(--btn-font) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-674d226 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-674d226 { display:block; position:relative; }   /* säkert klickområde */
/* Trigger knapp-effekt vid hover på hela card-containern */
.hover-radius:hover .btn-label::before,
.hover-radius:focus-within .btn-label::before{
  transform: translateY(0);
}

.hover-radius:hover .btn-label,
.hover-radius:focus-within .btn-label{
  color: #000 !important;
  border-color: #fff;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ecbb859 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-308ac97 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-308ac97 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c6e9da *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6782901 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-6782901 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e337e1 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc5a4cd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-dc5a4cd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a105b40 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afdcd2f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-afdcd2f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0284429 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56fbefa */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-56fbefa { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-05238f3 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-358a57f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-358a57f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a164e07 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa58fd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-bfa58fd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a4af3d3 *//* === Case-tag pill-knapp med vit outline och hover-fill === */
.btn-label{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 30px !important; /* Samma höjd som hero-knappen */
  border-radius: 999px !important;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;

  /* Start: vit outline via inset box-shadow */
  border: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  background: transparent !important;
  color: #fff !important;
  white-space: nowrap;

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

/* Wipe overlay från botten */
.btn-label::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .35s ease;
  z-index: 0;
}

/* Text över overlay */
.btn-label > *{
  position: relative;
  z-index: 1;
}

/* Hover: fyll uppåt → nedåt */
.btn-label:hover::before,
.is-card-link:hover .btn-label::before{
  transform: scaleY(1);
}

/* Text blir mörk vid hover */
.btn-label:hover,
.is-card-link:hover .btn-label{
  color: #000 !important;
}

/* Nollställ Elementor-hover borders */
.btn-label:focus,
.btn-label:active{
  outline: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

/* Mobil – följ herobtn logik */
@media (max-width: 600px){
  :root{
    --btn-font: 14px;
    --btn-py: 12px;
    --btn-px: 22px;
  }
  .btn-label{
    padding: var(--btn-py) var(--btn-px) !important;
    font-size: var(--btn-font) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-674d226 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-674d226 { display:block; position:relative; }   /* säkert klickområde */
/* Trigger knapp-effekt vid hover på hela card-containern */
.hover-radius:hover .btn-label::before,
.hover-radius:focus-within .btn-label::before{
  transform: translateY(0);
}

.hover-radius:hover .btn-label,
.hover-radius:focus-within .btn-label{
  color: #000 !important;
  border-color: #fff;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ecbb859 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-308ac97 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-308ac97 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c6e9da *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6782901 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-6782901 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e337e1 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc5a4cd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-dc5a4cd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a105b40 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afdcd2f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-afdcd2f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0284429 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56fbefa */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-56fbefa { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-05238f3 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-358a57f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-358a57f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a164e07 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa58fd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-bfa58fd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a4af3d3 *//* === Case-tag pill-knapp med vit outline och hover-fill === */
.btn-label{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 30px !important; /* Samma höjd som hero-knappen */
  border-radius: 999px !important;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;

  /* Start: vit outline via inset box-shadow */
  border: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  background: transparent !important;
  color: #fff !important;
  white-space: nowrap;

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

/* Wipe overlay från botten */
.btn-label::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .35s ease;
  z-index: 0;
}

/* Text över overlay */
.btn-label > *{
  position: relative;
  z-index: 1;
}

/* Hover: fyll uppåt → nedåt */
.btn-label:hover::before,
.is-card-link:hover .btn-label::before{
  transform: scaleY(1);
}

/* Text blir mörk vid hover */
.btn-label:hover,
.is-card-link:hover .btn-label{
  color: #000 !important;
}

/* Nollställ Elementor-hover borders */
.btn-label:focus,
.btn-label:active{
  outline: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

/* Mobil – följ herobtn logik */
@media (max-width: 600px){
  :root{
    --btn-font: 14px;
    --btn-py: 12px;
    --btn-px: 22px;
  }
  .btn-label{
    padding: var(--btn-py) var(--btn-px) !important;
    font-size: var(--btn-font) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-674d226 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-674d226 { display:block; position:relative; }   /* säkert klickområde */
/* Trigger knapp-effekt vid hover på hela card-containern */
.hover-radius:hover .btn-label::before,
.hover-radius:focus-within .btn-label::before{
  transform: translateY(0);
}

.hover-radius:hover .btn-label,
.hover-radius:focus-within .btn-label{
  color: #000 !important;
  border-color: #fff;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ecbb859 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-308ac97 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-308ac97 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c6e9da *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6782901 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-6782901 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e337e1 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc5a4cd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-dc5a4cd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a105b40 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afdcd2f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-afdcd2f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0284429 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56fbefa */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-56fbefa { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-05238f3 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-358a57f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-358a57f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a164e07 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa58fd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-bfa58fd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a4af3d3 *//* === Case-tag pill-knapp med vit outline och hover-fill === */
.btn-label{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 30px !important; /* Samma höjd som hero-knappen */
  border-radius: 999px !important;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;

  /* Start: vit outline via inset box-shadow */
  border: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  background: transparent !important;
  color: #fff !important;
  white-space: nowrap;

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

/* Wipe overlay från botten */
.btn-label::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .35s ease;
  z-index: 0;
}

/* Text över overlay */
.btn-label > *{
  position: relative;
  z-index: 1;
}

/* Hover: fyll uppåt → nedåt */
.btn-label:hover::before,
.is-card-link:hover .btn-label::before{
  transform: scaleY(1);
}

/* Text blir mörk vid hover */
.btn-label:hover,
.is-card-link:hover .btn-label{
  color: #000 !important;
}

/* Nollställ Elementor-hover borders */
.btn-label:focus,
.btn-label:active{
  outline: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

/* Mobil – följ herobtn logik */
@media (max-width: 600px){
  :root{
    --btn-font: 14px;
    --btn-py: 12px;
    --btn-px: 22px;
  }
  .btn-label{
    padding: var(--btn-py) var(--btn-px) !important;
    font-size: var(--btn-font) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-674d226 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-674d226 { display:block; position:relative; }   /* säkert klickområde */
/* Trigger knapp-effekt vid hover på hela card-containern */
.hover-radius:hover .btn-label::before,
.hover-radius:focus-within .btn-label::before{
  transform: translateY(0);
}

.hover-radius:hover .btn-label,
.hover-radius:focus-within .btn-label{
  color: #000 !important;
  border-color: #fff;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ecbb859 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-308ac97 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-308ac97 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c6e9da *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6782901 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-6782901 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e337e1 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc5a4cd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-dc5a4cd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a105b40 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afdcd2f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-afdcd2f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0284429 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56fbefa */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-56fbefa { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-05238f3 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-358a57f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-358a57f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a164e07 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa58fd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-bfa58fd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a4af3d3 *//* === Case-tag pill-knapp med vit outline och hover-fill === */
.btn-label{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 30px !important; /* Samma höjd som hero-knappen */
  border-radius: 999px !important;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;

  /* Start: vit outline via inset box-shadow */
  border: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  background: transparent !important;
  color: #fff !important;
  white-space: nowrap;

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

/* Wipe overlay från botten */
.btn-label::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .35s ease;
  z-index: 0;
}

/* Text över overlay */
.btn-label > *{
  position: relative;
  z-index: 1;
}

/* Hover: fyll uppåt → nedåt */
.btn-label:hover::before,
.is-card-link:hover .btn-label::before{
  transform: scaleY(1);
}

/* Text blir mörk vid hover */
.btn-label:hover,
.is-card-link:hover .btn-label{
  color: #000 !important;
}

/* Nollställ Elementor-hover borders */
.btn-label:focus,
.btn-label:active{
  outline: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

/* Mobil – följ herobtn logik */
@media (max-width: 600px){
  :root{
    --btn-font: 14px;
    --btn-py: 12px;
    --btn-px: 22px;
  }
  .btn-label{
    padding: var(--btn-py) var(--btn-px) !important;
    font-size: var(--btn-font) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-674d226 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-674d226 { display:block; position:relative; }   /* säkert klickområde */
/* Trigger knapp-effekt vid hover på hela card-containern */
.hover-radius:hover .btn-label::before,
.hover-radius:focus-within .btn-label::before{
  transform: translateY(0);
}

.hover-radius:hover .btn-label,
.hover-radius:focus-within .btn-label{
  color: #000 !important;
  border-color: #fff;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ecbb859 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-308ac97 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-308ac97 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c6e9da *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6782901 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-6782901 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e337e1 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc5a4cd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-dc5a4cd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a105b40 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afdcd2f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-afdcd2f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0284429 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56fbefa */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-56fbefa { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-05238f3 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-358a57f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-358a57f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a164e07 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa58fd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-bfa58fd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a4af3d3 *//* === Case-tag pill-knapp med vit outline och hover-fill === */
.btn-label{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 30px !important; /* Samma höjd som hero-knappen */
  border-radius: 999px !important;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;

  /* Start: vit outline via inset box-shadow */
  border: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  background: transparent !important;
  color: #fff !important;
  white-space: nowrap;

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

/* Wipe overlay från botten */
.btn-label::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .35s ease;
  z-index: 0;
}

/* Text över overlay */
.btn-label > *{
  position: relative;
  z-index: 1;
}

/* Hover: fyll uppåt → nedåt */
.btn-label:hover::before,
.is-card-link:hover .btn-label::before{
  transform: scaleY(1);
}

/* Text blir mörk vid hover */
.btn-label:hover,
.is-card-link:hover .btn-label{
  color: #000 !important;
}

/* Nollställ Elementor-hover borders */
.btn-label:focus,
.btn-label:active{
  outline: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

/* Mobil – följ herobtn logik */
@media (max-width: 600px){
  :root{
    --btn-font: 14px;
    --btn-py: 12px;
    --btn-px: 22px;
  }
  .btn-label{
    padding: var(--btn-py) var(--btn-px) !important;
    font-size: var(--btn-font) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-674d226 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-674d226 { display:block; position:relative; }   /* säkert klickområde */
/* Trigger knapp-effekt vid hover på hela card-containern */
.hover-radius:hover .btn-label::before,
.hover-radius:focus-within .btn-label::before{
  transform: translateY(0);
}

.hover-radius:hover .btn-label,
.hover-radius:focus-within .btn-label{
  color: #000 !important;
  border-color: #fff;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ecbb859 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-308ac97 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-308ac97 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c6e9da *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6782901 */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-6782901 { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e337e1 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc5a4cd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-dc5a4cd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a105b40 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
      margin: 0 auto;            /* Centrerar i containern */
  text-align: center;  
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;
}

/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afdcd2f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-afdcd2f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0284429 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56fbefa */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-56fbefa { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-05238f3 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-358a57f */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-358a57f { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a164e07 *//* ==== Text-stil med hover-fill från botten ==== */
.btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease, border-color .3s ease;
  z-index: 0;

  /* Fixar centeringen */
  margin: 0 auto;
  text-align: center;
}


/* Fyllningen (overlay) */
.btn-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform: translateY(100%);
  transition: transform .35s ease;
  z-index: -1;
}

/* Text alltid över */
.btn-label * {
  position: relative;
  z-index: 1;
}

/* Hover-effekt */
.btn-label:hover::before {
  transform: translateY(0);
}

/* Textfärg vid hover */
.btn-label:hover {
  color: #000 !important;
  border-color: #fff;
}

/* När texten ligger i ett klickbart kort */
.is-card-link:hover .btn-label {
  color: #000 !important;
}
.is-card-link:hover .btn-label::before {
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa58fd */.hover-radius {  aspect-ratio: 16/9; border-radius: 28px; /* samma rundning som bilden */ overflow: hidden; background: #eee; /* bara för att se ytan */ position: relative; /* krävs för ::before */ overflow: hidden; /* klipp overlay efter radien */ border-radius: 5px; transition: border-radius .4s ease; } /* Overlay-lager ovanpå bakgrunden men under innehållet */ .hover-radius::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.0); /* 50% svart */ border-radius: inherit; transition: background .4s ease, border-radius .4s ease; z-index: 1; pointer-events: none; /* blockera inte hover */ } /* Allt innehåll (inkl. knappen) över overlayen */ .hover-radius > * { z-index: 2; } /* Hover på CONTAINERN */ .hover-radius:hover { border-radius: 25px; } .hover-radius:hover::before { background: rgba(0,0,0,.0); /* 25% svart på hover */ }
.elementor-267 .elementor-element.elementor-element-bfa58fd { display:block; position:relative; }   /* säkert klickområde *//* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-16739eb *//* =========================
   Tabs: horisontella på mobil
========================= */
@media (max-width: 900px){
  /* Rad med fliknamn */
  .tabs--mobile-horizontal .elementor-tabs-wrapper{
    display: flex !important;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 12px;
    scrollbar-width: none;
  }
  .tabs--mobile-horizontal .elementor-tabs-wrapper::-webkit-scrollbar{ display:none; }

  /* Varje flik-knapp (pill) */
  .tabs--mobile-horizontal .elementor-tab-title{
    flex: 0 0 auto;
    padding: 10px 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    line-height: 1.1;
  }
  .tabs--mobile-horizontal .elementor-tab-title.elementor-active{
    background: #e9f3f0;
    box-shadow: inset 0 0 0 2px #9abcac;
    color: #2a2a2a;
  }

  /* Panelhantering: visa endast aktiv panel */
  .tabs--mobile-horizontal .elementor-tab-content{ display: none; padding-top: 14px; }
  .tabs--mobile-horizontal .elementor-tab-content.elementor-active{ display: block; }
}

/* Valfritt: gör flikraden "sticky" under headern på mobil */
@media (max-width: 900px){
  .tabs--mobile-horizontal{
    position: sticky;
    top: 72px;           /* justera efter din mobila headerhöjd */
    z-index: 5;
    background: #fff;
  }
}

/* Tvinga paneler att auto-höjda korrekt */
.elementor-267 .elementor-element.elementor-element-16739eb .elementor-tabs-content-wrapper{
  position: relative !important;
  height: auto !important;
}

.elementor-267 .elementor-element.elementor-element-16739eb .elementor-tab-content{
  display: block !important;       /* säkerställ blocklayout */
  position: static !important;     /* inte absolut/relativ som kan låsa höjd */
  height: auto !important;
  overflow: visible !important;    /* låt innehållet expandera panelen */
}

/* Dölj inaktiva paneler på rätt sätt */
.elementor-267 .elementor-element.elementor-element-16739eb .elementor-tab-content:not(.elementor-active){
  display: none !important;
}

/* HTML-widgeten och dess container ska inte krympa */
.elementor-267 .elementor-element.elementor-element-16739eb .elementor-widget-html,
.elementor-267 .elementor-element.elementor-element-16739eb .elementor-tab-content > .elementor-widget-container{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* ===== Portfoliotabs: snygg grid-layout ===== */
/* ===== Endast Mobil: 2 kolumner i tabs ===== */
@media (max-width: 767px){
  .e-n-tabs-heading{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 18px !important;
    justify-items: center;
  }

  .e-n-tab-title{
    width: 100% !important;
    padding: 8px 6px !important;
    white-space: normal !important; /* långa ord får radbrytas */
    text-align: center !important;
  }

  .e-n-tab-title .e-n-tab-title-text{
    display: block !important;
    line-height: 1.3 !important;
  }

  /* Gör underline kortare på mobil för balans */
  .e-n-tab-title::after{
    width: 0 !important;
  }
  .e-n-tab-title:hover::after,
  .e-n-tab-title[aria-selected="true"]::after{
    width: 30% !important;
  }
}/* End custom CSS */