.elementor-229 .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.3;}.elementor-229 .elementor-element.elementor-element-f94dc70:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-f94dc70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/LTM_bts_bil_2.1.1-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-229 .elementor-element.elementor-element-f94dc70::before, .elementor-229 .elementor-element.elementor-element-f94dc70 > .elementor-background-video-container::before, .elementor-229 .elementor-element.elementor-element-f94dc70 > .e-con-inner > .elementor-background-video-container::before, .elementor-229 .elementor-element.elementor-element-f94dc70 > .elementor-background-slideshow::before, .elementor-229 .elementor-element.elementor-element-f94dc70 > .e-con-inner > .elementor-background-slideshow::before, .elementor-229 .elementor-element.elementor-element-f94dc70 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-229 .elementor-element.elementor-element-9555214{--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-229 .elementor-element.elementor-element-9555214.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-229 .elementor-element.elementor-element-87c7483 .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-229 .elementor-element.elementor-element-c7341fa{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-229 .elementor-element.elementor-element-c7341fa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-229 .elementor-element.elementor-element-86fda78{--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-229 .elementor-element.elementor-element-ea98e52 .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-229 .elementor-element.elementor-element-ea98e52 .elementor-button:hover, .elementor-229 .elementor-element.elementor-element-ea98e52 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-229 .elementor-element.elementor-element-ea98e52{width:auto;max-width:auto;border-style:none;}.elementor-229 .elementor-element.elementor-element-ea98e52.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-ea98e52 .elementor-button:hover svg, .elementor-229 .elementor-element.elementor-element-ea98e52 .elementor-button:focus svg{fill:#000000;}.elementor-229 .elementor-element.elementor-element-7a04f65 .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-229 .elementor-element.elementor-element-7a04f65 .elementor-button:hover, .elementor-229 .elementor-element.elementor-element-7a04f65 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-229 .elementor-element.elementor-element-7a04f65{width:auto;max-width:auto;padding:0% 0% 0% 0%;border-style:none;}.elementor-229 .elementor-element.elementor-element-7a04f65.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-229 .elementor-element.elementor-element-7a04f65 .elementor-button:hover svg, .elementor-229 .elementor-element.elementor-element-7a04f65 .elementor-button:focus svg{fill:#000000;}.elementor-229 .elementor-element.elementor-element-59fd906{--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:030px;--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-229 .elementor-element.elementor-element-4e857af{--divider-border-style:solid;--divider-color:#DBDADA;--divider-border-width:1px;margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-229 .elementor-element.elementor-element-4e857af .elementor-divider-separator{width:100%;}.elementor-229 .elementor-element.elementor-element-4e857af .elementor-divider{padding-block-start:25px;padding-block-end:25px;}.elementor-229 .elementor-element.elementor-element-44e68ce{--divider-border-style:solid;--divider-color:#DBDADA;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -90px) 0px;}.elementor-229 .elementor-element.elementor-element-44e68ce .elementor-divider-separator{width:100%;}.elementor-229 .elementor-element.elementor-element-44e68ce .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-229 .elementor-element.elementor-element-e6bc130{--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-229 .elementor-element.elementor-element-62ddbef{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-229 .elementor-element.elementor-element-7fe2539{--display:flex;}.elementor-229 .elementor-element.elementor-element-cbc4c07{--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;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-229 .elementor-element.elementor-element-34e78ef{--display:flex;--min-height:0px;--justify-content:flex-end;--overflow:auto;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-34e78ef:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-34e78ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/myblend-partner-app.jpg");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-418b94f{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-229 .elementor-element.elementor-element-418b94f.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-418b94f p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-5d61e7c{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-5d61e7c:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-5d61e7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/Omslag-Koksrenovering-Ida-Eriksson-Bricmate-Tapwell-Bankskiva-FRONTAPPLYxIDA-5-1500x1000-1-768x512-1.jpg");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-6d5ca40{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-229 .elementor-element.elementor-element-6d5ca40.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-6d5ca40 p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-f18529d{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-f18529d:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-f18529d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/Skarmavbild-2025-05-15-kl.-14.34.01-e1747313432386.png");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-b8c42bf{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-229 .elementor-element.elementor-element-b8c42bf.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-b8c42bf p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-9c123c7{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-9c123c7:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-9c123c7 > .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.35.17.png");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-eb3aba8{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-229 .elementor-element.elementor-element-eb3aba8.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-eb3aba8 p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-b70e489{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-b70e489:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-b70e489 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/Pink-Minimalist-Square-Portfolio-Mockup-Instagram-Post-e1747059072757.png");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-652acbb{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-229 .elementor-element.elementor-element-652acbb.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-652acbb p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-ae5f723{--display:flex;}.elementor-229 .elementor-element.elementor-element-d246b33{--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;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-229 .elementor-element.elementor-element-5fa610d{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-5fa610d:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-5fa610d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/Skarmavbild-2025-05-15-kl.-13.41.03.png");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-25014aa{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-229 .elementor-element.elementor-element-25014aa.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-25014aa p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-d1b69ee{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-d1b69ee:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-d1b69ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/unnamed-1.png");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-61d6cc1{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-229 .elementor-element.elementor-element-61d6cc1.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-61d6cc1 p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-6356685{--display:flex;}.elementor-229 .elementor-element.elementor-element-e5b60f7{--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;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-229 .elementor-element.elementor-element-5edccd0{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-5edccd0:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-5edccd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/Omslag-Koksrenovering-Ida-Eriksson-Bricmate-Tapwell-Bankskiva-FRONTAPPLYxIDA-5-1500x1000-1-768x512-1.jpg");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-c0f33d0{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-229 .elementor-element.elementor-element-c0f33d0.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-c0f33d0 p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-39a437a{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-39a437a:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-39a437a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/myblend-partner-app.jpg");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-d547434{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-229 .elementor-element.elementor-element-d547434.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-d547434 p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-cd23d04{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-cd23d04:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-cd23d04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/10/bokatatuering.png");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-7236fd7{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-229 .elementor-element.elementor-element-7236fd7.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-7236fd7 p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-85ad5b5{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-85ad5b5:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-85ad5b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/Skarmavbild-2025-05-15-kl.-14.34.01-e1747313432386.png");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-6f52067{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-229 .elementor-element.elementor-element-6f52067.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-6f52067 p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-a0a1b48{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-a0a1b48:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-a0a1b48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/Pink-Minimalist-Square-Portfolio-Mockup-Instagram-Post-e1747059072757.png");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-ab40461{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-229 .elementor-element.elementor-element-ab40461.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-ab40461 p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-0b355e1{--display:flex;}.elementor-229 .elementor-element.elementor-element-1e9d4cd{--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;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-229 .elementor-element.elementor-element-29eed29{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-29eed29:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-29eed29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/Skarmavbild-2025-05-15-kl.-16.39.30-e1747320020397-1.png");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-3142c09{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-229 .elementor-element.elementor-element-3142c09.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-3142c09 p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-e1c7c2c{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-e1c7c2c:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-e1c7c2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/Pink-Minimalist-Square-Portfolio-Mockup-Instagram-Post-e1747059072757.png");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-1d0c9dd{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-229 .elementor-element.elementor-element-1d0c9dd.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-1d0c9dd p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-6fe967a{--display:flex;}.elementor-229 .elementor-element.elementor-element-2d9233c{--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;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-229 .elementor-element.elementor-element-f9b734e{--display:flex;--min-height:0px;--justify-content:flex-end;--border-radius:15px 15px 15px 15px;}.elementor-229 .elementor-element.elementor-element-f9b734e:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-f9b734e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ltmstockholm.com/wp-content/uploads/2025/08/BG_App_Notis_2-scaled-1.jpg");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-89eb1b6{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-229 .elementor-element.elementor-element-89eb1b6.elementor-element{--align-self:flex-start;}.elementor-229 .elementor-element.elementor-element-89eb1b6 p{margin-block-end:0px;}.elementor-229 .elementor-element.elementor-element-2b80c81{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--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-229 .elementor-element.elementor-element-2b80c81 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-229 .elementor-element.elementor-element-2b80c81.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F5F5F500;border-style:none;}.elementor-229 .elementor-element.elementor-element-2b80c81.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-229 .elementor-element.elementor-element-2b80c81.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#9ABCAC00;border-style:none;}.elementor-229 .elementor-element.elementor-element-2b80c81.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-229 .elementor-element.elementor-element-2b80c81.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;text-decoration:none;}.elementor-229 .elementor-element.elementor-element-2b80c81 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-58aa582 );}.elementor-229 .elementor-element.elementor-element-9ed9541{--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-229 .elementor-element.elementor-element-9ed9541:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-9ed9541 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dfe857e );}.elementor-229 .elementor-element.elementor-element-ce41eae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-229 .elementor-element.elementor-element-ce41eae .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-58aa582 );}.elementor-229 .elementor-element.elementor-element-3fdaacd{text-align:left;}.elementor-229 .elementor-element.elementor-element-3fdaacd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:600;color:#000000;}.elementor-229 .elementor-element.elementor-element-4ccf812{--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-229 .elementor-element.elementor-element-4ccf812:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-4ccf812 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-229 .elementor-element.elementor-element-f07ae5d{--display:flex;--min-height:402px;--justify-content:center;}.elementor-229 .elementor-element.elementor-element-c537bcf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;padding:0px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-element-c537bcf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-58aa582 );}.elementor-229 .elementor-element.elementor-element-021c846{text-align:left;}.elementor-229 .elementor-element.elementor-element-021c846 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:600;color:#000000;}.elementor-229 .elementor-element.elementor-element-ca2b881{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-229 .elementor-element.elementor-element-b0acdaf{--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-229 .elementor-element.elementor-element-b0acdaf.e-con{--align-self:center;}.elementor-229 .elementor-element.elementor-element-5d94f44{--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-229 .elementor-element.elementor-element-5d94f44:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-5d94f44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D6C0C000;}.elementor-229 .elementor-element.elementor-element-5d94f44.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-229 .elementor-element.elementor-element-8bcb62c{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-229 .elementor-element.elementor-element-87c7483 .elementor-heading-title{font-size:44px;}.elementor-229 .elementor-element.elementor-element-c7341fa{font-size:18px;}.elementor-229 .elementor-element.elementor-element-86fda78{--flex-wrap:nowrap;}.elementor-229 .elementor-element.elementor-element-ea98e52 .elementor-button{font-size:12px;padding:10px 016px 10px 16px;}.elementor-229 .elementor-element.elementor-element-7a04f65 .elementor-button{font-size:12px;padding:10px 16px 10px 16px;}.elementor-229 .elementor-element.elementor-element-34e78ef{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-5d61e7c{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-f18529d{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-9c123c7{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-b70e489{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-5fa610d{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-d1b69ee{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-5edccd0{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-39a437a{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-cd23d04{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-85ad5b5{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-a0a1b48{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-29eed29{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-e1c7c2c{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-f9b734e{--min-height:250px;}.elementor-229 .elementor-element.elementor-element-9ed9541{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}}@media(min-width:768px){.elementor-229 .elementor-element.elementor-element-f94dc70{--content-width:1300px;}.elementor-229 .elementor-element.elementor-element-9555214{--width:50%;}.elementor-229 .elementor-element.elementor-element-e6bc130{--content-width:1300px;}.elementor-229 .elementor-element.elementor-element-7fe2539{--content-width:1300px;}.elementor-229 .elementor-element.elementor-element-34e78ef{--width:49%;}.elementor-229 .elementor-element.elementor-element-5d61e7c{--width:49%;}.elementor-229 .elementor-element.elementor-element-f18529d{--width:49%;}.elementor-229 .elementor-element.elementor-element-9c123c7{--width:49%;}.elementor-229 .elementor-element.elementor-element-b70e489{--width:49%;}.elementor-229 .elementor-element.elementor-element-ae5f723{--content-width:1300px;}.elementor-229 .elementor-element.elementor-element-5fa610d{--width:49%;}.elementor-229 .elementor-element.elementor-element-d1b69ee{--width:49%;}.elementor-229 .elementor-element.elementor-element-6356685{--content-width:1300px;}.elementor-229 .elementor-element.elementor-element-5edccd0{--width:49%;}.elementor-229 .elementor-element.elementor-element-39a437a{--width:49%;}.elementor-229 .elementor-element.elementor-element-cd23d04{--width:49%;}.elementor-229 .elementor-element.elementor-element-85ad5b5{--width:49%;}.elementor-229 .elementor-element.elementor-element-a0a1b48{--width:49%;}.elementor-229 .elementor-element.elementor-element-0b355e1{--content-width:1300px;}.elementor-229 .elementor-element.elementor-element-29eed29{--width:49%;}.elementor-229 .elementor-element.elementor-element-e1c7c2c{--width:49%;}.elementor-229 .elementor-element.elementor-element-6fe967a{--content-width:1300px;}.elementor-229 .elementor-element.elementor-element-f9b734e{--width:49%;}.elementor-229 .elementor-element.elementor-element-9ed9541{--content-width:1300px;}.elementor-229 .elementor-element.elementor-element-4ccf812{--content-width:1300px;}.elementor-229 .elementor-element.elementor-element-f07ae5d{--width:58%;}.elementor-229 .elementor-element.elementor-element-b0acdaf{--width:53%;}.elementor-229 .elementor-element.elementor-element-5d94f44{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-ea98e52 *//* === Portfolio-knapp: samma effekt, men tömning från TOPPEN === */ .hover-fill-port .elementor-button, .hover-fill-port .elementor-button-link{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; /* matcha storleken */ padding: 14px 32px !important; line-height: 1 !important; box-sizing: border-box; border-radius: 999px !important; /* ingen border – använd inre stroke */ border: none !important; box-shadow: inset 0 0 0 2px #9abcac !important; /* start: helt fylld grön med vit text */ color: #fff !important; background-color: #9abcac !important; /* lager för wipe-animation – ANKRA I TOPPEN nu */ background-image: linear-gradient(#9abcac, #9abcac); background-repeat: no-repeat; background-position: 0 0; /* ← topp i stället för botten */ background-size: 100% 100%; /* börjar helt fylld */ transition: background-size .35s ease, color .35s ease, background-color .35s ease; } /* säkerställ att wrappers inte stör storlek */ .hover-fill-port .elementor-button .elementor-button-content-wrapper, .hover-fill-port .elementor-button-link .elementor-button-content-wrapper{ padding: 0 !important; } /* HOVER: töm fyllningen TOPP→BOTten, behåll vit text och outline */ .hover-fill-port .elementor-button:hover, .hover-fill-port .elementor-button-link:hover{ background-size: 100% 0%; /* drar ned fyllningen uppifrån */ background-color: transparent !important; color: #fff !important; box-shadow: inset 0 0 0 2px #9abcac !important; } /* Tvinga en rad i knapparna */ .hover-fill-hero .elementor-button .elementor-button-text, .hover-fill-hero .elementor-button-link .elementor-button-text, .hover-fill-port .elementor-button .elementor-button-text, .hover-fill-port .elementor-button-link .elementor-button-text{ white-space: nowrap !important; /* klassisk */ text-wrap: nowrap; /* modern */ } /* Mobiljusteringar: låt knappen få plats horisontellt */ /* === Mobilanpassning: mindre knappar men samma proportioner === */ @media (max-width: 600px){ /* Justera grundmåtten på båda knapparna */ :root{ --btn-font: 14px; --btn-py: 14px; --btn-px: 22px; } .hover-fill-hero .elementor-button, .hover-fill-hero .elementor-button-link, .hover-fill-port .elementor-button, .hover-fill-port .elementor-button-link{ padding: var(--btn-py) var(--btn-px) !important; font-size: var(--btn-font) !important; } /* Förhindra radbrytning */ .hover-fill-hero .elementor-button-text, .hover-fill-port .elementor-button-text{ white-space: nowrap !important; } /* Säkerställ att Elementor inte lägger extra höjd */ .hover-fill-hero .elementor-button .elementor-button-content-wrapper, .hover-fill-port .elementor-button .elementor-button-content-wrapper{ padding: 0 !important; gap: 6px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7a04f65 *//* === 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 text-editor, class: .elementor-element-418b94f *//* ==== 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-34e78ef *//* Container: bas */ .hover-radius { 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 */ } /* 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-6d5ca40 *//* ==== 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-5d61e7c */.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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b8c42bf *//* ==== 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 text-editor, class: .elementor-element-eb3aba8 *//* ==== 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 text-editor, class: .elementor-element-652acbb *//* ==== 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 text-editor, class: .elementor-element-25014aa *//* ==== 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-5fa610d *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-61d6cc1 *//* ==== 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 text-editor, class: .elementor-element-c0f33d0 *//* ==== 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-5edccd0 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d547434 *//* ==== 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 text-editor, class: .elementor-element-7236fd7 *//* ==== 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 text-editor, class: .elementor-element-6f52067 *//* ==== 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 text-editor, class: .elementor-element-ab40461 *//* ==== 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 text-editor, class: .elementor-element-3142c09 *//* ==== 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-29eed29 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d0c9dd *//* ==== 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 text-editor, class: .elementor-element-89eb1b6 *//* ==== 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 text-editor, class: .elementor-element-418b94f *//* ==== 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-34e78ef *//* Container: bas */ .hover-radius { 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 */ } /* 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-6d5ca40 *//* ==== 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-5d61e7c */.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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b8c42bf *//* ==== 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 text-editor, class: .elementor-element-eb3aba8 *//* ==== 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 text-editor, class: .elementor-element-652acbb *//* ==== 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 text-editor, class: .elementor-element-25014aa *//* ==== 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-5fa610d *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-61d6cc1 *//* ==== 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 text-editor, class: .elementor-element-c0f33d0 *//* ==== 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-5edccd0 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d547434 *//* ==== 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 text-editor, class: .elementor-element-7236fd7 *//* ==== 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 text-editor, class: .elementor-element-6f52067 *//* ==== 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 text-editor, class: .elementor-element-ab40461 *//* ==== 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 text-editor, class: .elementor-element-3142c09 *//* ==== 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-29eed29 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d0c9dd *//* ==== 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 text-editor, class: .elementor-element-89eb1b6 *//* ==== 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 text-editor, class: .elementor-element-418b94f *//* ==== 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-34e78ef *//* Container: bas */ .hover-radius { 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 */ } /* 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-6d5ca40 *//* ==== 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-5d61e7c */.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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b8c42bf *//* ==== 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 text-editor, class: .elementor-element-eb3aba8 *//* ==== 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 text-editor, class: .elementor-element-652acbb *//* ==== 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 text-editor, class: .elementor-element-25014aa *//* ==== 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-5fa610d *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-61d6cc1 *//* ==== 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 text-editor, class: .elementor-element-c0f33d0 *//* ==== 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-5edccd0 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d547434 *//* ==== 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 text-editor, class: .elementor-element-7236fd7 *//* ==== 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 text-editor, class: .elementor-element-6f52067 *//* ==== 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 text-editor, class: .elementor-element-ab40461 *//* ==== 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 text-editor, class: .elementor-element-3142c09 *//* ==== 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-29eed29 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d0c9dd *//* ==== 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 text-editor, class: .elementor-element-89eb1b6 *//* ==== 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 text-editor, class: .elementor-element-418b94f *//* ==== 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-34e78ef *//* Container: bas */ .hover-radius { 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 */ } /* 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-6d5ca40 *//* ==== 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-5d61e7c */.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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b8c42bf *//* ==== 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 text-editor, class: .elementor-element-eb3aba8 *//* ==== 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 text-editor, class: .elementor-element-652acbb *//* ==== 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 text-editor, class: .elementor-element-25014aa *//* ==== 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-5fa610d *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-61d6cc1 *//* ==== 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 text-editor, class: .elementor-element-c0f33d0 *//* ==== 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-5edccd0 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d547434 *//* ==== 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 text-editor, class: .elementor-element-7236fd7 *//* ==== 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 text-editor, class: .elementor-element-6f52067 *//* ==== 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 text-editor, class: .elementor-element-ab40461 *//* ==== 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 text-editor, class: .elementor-element-3142c09 *//* ==== 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-29eed29 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d0c9dd *//* ==== 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 text-editor, class: .elementor-element-89eb1b6 *//* ==== 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 text-editor, class: .elementor-element-418b94f *//* ==== 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-34e78ef *//* Container: bas */ .hover-radius { 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 */ } /* 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-6d5ca40 *//* ==== 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-5d61e7c */.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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b8c42bf *//* ==== 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 text-editor, class: .elementor-element-eb3aba8 *//* ==== 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 text-editor, class: .elementor-element-652acbb *//* ==== 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 text-editor, class: .elementor-element-25014aa *//* ==== 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-5fa610d *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-61d6cc1 *//* ==== 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 text-editor, class: .elementor-element-c0f33d0 *//* ==== 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-5edccd0 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d547434 *//* ==== 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 text-editor, class: .elementor-element-7236fd7 *//* ==== 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 text-editor, class: .elementor-element-6f52067 *//* ==== 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 text-editor, class: .elementor-element-ab40461 *//* ==== 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 text-editor, class: .elementor-element-3142c09 *//* ==== 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-29eed29 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d0c9dd *//* ==== 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 text-editor, class: .elementor-element-89eb1b6 *//* ==== 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 text-editor, class: .elementor-element-418b94f *//* ==== 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-34e78ef *//* Container: bas */ .hover-radius { 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 */ } /* 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-6d5ca40 *//* ==== 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-5d61e7c */.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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b8c42bf *//* ==== 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 text-editor, class: .elementor-element-eb3aba8 *//* ==== 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 text-editor, class: .elementor-element-652acbb *//* ==== 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 text-editor, class: .elementor-element-25014aa *//* ==== 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-5fa610d *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-61d6cc1 *//* ==== 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 text-editor, class: .elementor-element-c0f33d0 *//* ==== 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-5edccd0 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d547434 *//* ==== 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 text-editor, class: .elementor-element-7236fd7 *//* ==== 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 text-editor, class: .elementor-element-6f52067 *//* ==== 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 text-editor, class: .elementor-element-ab40461 *//* ==== 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 text-editor, class: .elementor-element-3142c09 *//* ==== 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-29eed29 *//* Container: bas */ .hover-radius { 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 */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d0c9dd *//* ==== 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 text-editor, class: .elementor-element-89eb1b6 *//* ==== 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 nested-tabs, class: .elementor-element-2b80c81 *//* ===== 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 */