.centennial-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;height:70px;padding:16px 50px;box-sizing:border-box;border:0;border-radius:5px;overflow:hidden;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;line-height:1;text-transform:uppercase;text-decoration:none;transition:background-color .22s ease,color .22s ease}.centennial-button:hover,.centennial-button:focus,.centennial-button:focus-visible,.centennial-button:active{text-decoration:none}.centennial-button__content{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:0;max-width:100%;text-align:center;transition:gap .22s ease}.centennial-button__label{display:block;white-space:nowrap}.centennial-button__arrow{flex:0 0 auto;width:0;height:12px;opacity:0;transform:scale(0);transform-origin:center;overflow:visible;transition:width .22s ease,transform .22s ease,opacity .16s ease}.centennial-button:hover .centennial-button__content,.centennial-button:focus-visible .centennial-button__content{gap:8px}.centennial-button:hover .centennial-button__arrow,.centennial-button:focus-visible .centennial-button__arrow{width:38px;opacity:1;transform:scale(1)}.centennial-button--green_white{color:#fff;background:#5bb65b}.centennial-button--green_white:hover{color:#fff;background:#459b45}.centennial-button--charcoal_white{color:#fff;background:#252525}.centennial-button--charcoal_white:hover{color:#fff;background:#1b1b1b}.centennial-button--white_charcoal{color:#252525;background:#fff}.centennial-button--white_charcoal:hover{color:#252525;background:#ededed}.centennial-button--white_green{color:#5bb65b;background:#fff}.centennial-button--white_green:hover{color:#fff;background:#459b45}.centennial-button--charcoal_white_dark{color:#fff;background:#252525}.centennial-button--charcoal_white_dark:hover{color:#fff;background:#161616}@media screen and (max-width:749px){.centennial-button{height:58px;font-size:16px}.centennial-button:hover .centennial-button__arrow,.centennial-button:focus-visible .centennial-button__arrow{width:32px}}@media(prefers-reduced-motion:reduce){.centennial-button,.centennial-button__content,.centennial-button__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/centennial-button.css.map */