.np-section-kv-btn{width:100%}.np-section-kv-btn__grid{display:grid;width:100%}.np-section-kv-btn--2 .np-section-kv-btn__grid{grid-template-columns:1fr}@media screen and (min-width:750px){.np-section-kv-btn--2 .np-section-kv-btn__grid{grid-template-columns:repeat(2,1fr)}}.np-section-kv-btn--2 .np-section-kv-btn__cell:first-child{border-bottom:1px solid var(--color-text)}@media screen and (min-width:750px){.np-section-kv-btn--2 .np-section-kv-btn__cell:first-child{border-bottom:none;border-right:1px solid var(--color-text)}}.np-section-kv-btn__cell{display:flex;flex-direction:column}.np-section-kv-btn__image-link{display:block;position:relative;aspect-ratio:1 / 1;width:100%;overflow:hidden}.np-section-kv-btn__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.np-section-kv-btn__bg--video{pointer-events:none}.np-section-kv-btn__content{display:flex;align-items:center;height:130px;padding-left:var(--spacing-7);padding-right:var(--spacing-4)}.np-section-kv-btn__content--border-top{border-top:1px solid var(--color-text)}.np-section-kv-btn__content--border-bottom{border-bottom:1px solid var(--color-text)}.np-section-kv-btn__title{flex:1;font-family:var(--font-heading-family);font-size:var(--font-size-h3);color:var(--color-text);line-height:1.2}.np-section-kv-btn .np-section-kv-btn__btn.btn--circle{width:130px;height:130px;padding:var(--spacing-4);flex-shrink:0;font-size:var(--font-size-h6)}@media screen and (min-width:750px){.np-section-kv-btn--2 .np-section-kv-btn__image-link{flex-grow:1}}@media screen and (min-width:750px)and (max-width:989px){.np-section-kv-btn__content{height:100px;padding-left:var(--spacing-5)}.np-section-kv-btn__title{font-size:var(--font-size-h4)}.np-section-kv-btn .np-section-kv-btn__btn.btn--circle{width:100px;height:100px;font-size:var(--font-size-p-lg)}}@media screen and (max-width:749px){.np-section-kv-btn__content{height:80px;padding-left:var(--spacing-5)}.np-section-kv-btn__title{font-size:var(--font-size-h5)}.np-section-kv-btn .np-section-kv-btn__btn.btn--circle{width:80px;height:80px;font-size:var(--font-size-p-sm)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/np-section-kv-button.css.map */
