/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 13 2025 | 01:38:08 */
.button, .btn{display: inline-block; -webkit-appearance: none; transform: translateZ(0); border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
    user-select: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: 0; 
    text-decoration: none; vertical-align: middle; border-radius: 0 !important; position: relative; background-color: #1b1b1c; border: 0; line-height: 3.5rem !important; 
    white-space: nowrap; padding: 0 3rem !important; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 700; text-align: left; overflow: hidden !important; letter-spacing: 2px !important;}

.button:hover:after, .btn:hover:after{-webkit-transform: translateY(0); transform: translateY(0);}
.button:hover .button__inner > .js-button__text, .btn:hover .button__inner > .js-button__text{-webkit-transform: translateY(-40px); transform: translateY(-40px);}
.button:hover .button__inner .js-button__hover, .btn:hover .button__inner .js-button__hover{-webkit-transform: translateY(0); transform: translateY(0);}
.button .button__inner, .btn .button__inner{position: relative; z-index: 1; float: left; width: 100%;}
.button .button__inner > span, .btn .button__inner > span{position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);}
.button .button__inner .js-button__hover, .btn .button__inner .js-button__hover{position: absolute; top: 0; left: 0; -webkit-transform: translateY(40px); transform: translateY(40px); color: #FFF;}
.button:after, .btn:after{content: ""; display: block; background: #1A1C4A; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); z-index: 0;}

.button.kButton-green{background-color: #29824C;}
.button.kButton-pink{background-color: #F20043;}
.button.kButton-lBlue{background-color: #40ACDE !important;}
.button.kButton-dBlue{background-color: #1860AB;} 
.button.kButton-purple{background-color: #6B4391;} 
.button.kButton-yellow{background-color: #FFD534;} 
.button.kButton-orange{background-color: #FF842B;}
.button.kButton-black{background-color: #000000;}
.button.kButton-maroon{background-color: #510117;}

.button.kButton-xmas-dkred{background-color: #AB0303;}
.button.kButton-xmas-ltred{background-color: #D80127;}
.button.kButton-xmas-green{background-color: #1D824C;}
.button.kButton-xmas-dkBlue{background-color: #0D1D40;}
.button.kButton-xmas-mdBlue{background-color: #194485;}
.button.kButton-xmas-ltBlue{background-color: #88C2E8;}

.button.kButton-vday-dkPink{background-color: #D92759;}
.button.kButton-vday-mdPink{background-color: #F171A1;}
.button.kButton-vday-ltPink{background-color: #F5CCDE;}

.button.kButton-easter-dkBlue{background-color: #0D7DC1;}
.button.kButton-easter-ltBlue{background-color: #59B3E3;}
.button.kButton-easter-teal{background-color: #89D8D1;}
.button.kButton-easter-green{background-color: #A0D633;}
.button.kButton-easter-purple{background-color: #ae4cad;}
.button.kButton-easter-pink{background-color: #F29191;}

.button[class*="kButton"] svg{width: 20px; fill: #FFF; height: 12px; margin-right: 12px;}
.button__text{display: flex; align-items: center;}
.button__text svg{vertical-align: middle;}

.button.kButton-sm{padding: 0px 15px !important; font-size: 12px; line-height: 40px !important;}

.button{display: inline-flex; box-sizing: border-box; padding: 0px 25px !important;}
.button i{padding-right: 10px;}
a.button .button__inner{color: #FFF;}

.kButton-full a .button__text.js-button__text,
.kButton-full a .button__text.js-button__hover{width: 100%; text-align: center;}

.elementor-widget-knoebels-info-box [class*="kButton"]{margin-top: 20px !important;}