.search-button{--button-bg: #28afc2;--button-hover: #307f90;--button-text: #fff;--button-width: clamp(160px, calc(200px + 5vw) , 264px);--button-height: clamp(40px, calc(40px + 1vw) , 52px);--button-font: clamp(14px, 1vw, 17px);width:var(--button-width);height:var(--button-height);background-color:var(--button-bg);color:var(--button-text);font-size:var(--button-font);font-family:Lato,system-ui,sans-serif;letter-spacing:.12em;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.search-button:hover,.search-button:focus{background:var(--button-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.search-button:active{transform:translateY(0);box-shadow:none}.top-introduction{--section-padding-x: clamp(20px, 4vw, 47px);--section-padding-y: clamp(20px, 3vw, 33px);position:relative;inset-block-end:220px;max-width:1500px;height:30px;margin-inline:auto;padding:var(--section-padding-y) var(--section-padding-x);transform:translateY(-33.4%)}.top-introduction__lead{color:#fff;font-size:clamp(16px,1.125rem,18px);font-weight:700;margin-block-end:1rem}.top-introduction__body{color:#fff;padding-block:15px 16px;margin-block-start:-8px}.top-introduction__body h2{color:inherit;font-size:clamp(16px,1.375rem,22px);font-weight:400;padding-block:5px 16px;margin:0}.top-introduction .search-button{position:relative;margin-block:clamp(10px,2vw,18px);margin-inline:auto 0;transform:translate(min(-22%,-20px))}@media(max-width:1200px){.top-introduction .search-button{--button-width: clamp(140px, calc(160px + 5vw) , 220px);--button-height: clamp(38px, calc(38px + 1vw) , 48px);--button-font: clamp(13px, .9vw, 16px);transform:translate(min(-25%,-15px))}}@media(max-width:767px){.top-introduction .search-button{--button-width: clamp(120px, calc(140px + 4vw) , 180px);--button-height: clamp(36px, calc(36px + .8vw) , 44px);--button-font: clamp(12px, .8vw, 15px);transform:translate(min(-30%,-10px));margin-block-start:0}}@media(max-width:555px){.top-introduction .search-button{--button-width: clamp(100px, calc(120px + 3vw) , 160px);--button-height: clamp(32px, calc(32px + .6vw) , 40px);--button-font: clamp(11px, .7vw, 14px);transform:translate(min(-20%,-5px));margin-block:10px}}@media(max-width:375px){.top-introduction .search-button{--button-width: clamp(90px, calc(100px + 2vw) , 140px);--button-height: 32px;--button-font: 12px;transform:translate(-5px);letter-spacing:.08em}}@media(hover:hover){.search-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}}@media print{.search-button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/top-introduction.css.map */