.btn-Button{position:relative;z-index:1;align-items:center;justify-content:center;display:inline-flex;padding:16px 40px 14px;font-size:13px;font-weight:300;letter-spacing:.13em;line-height:126%;text-align:center;text-transform:uppercase;background-color:transparent;border:0 solid transparent;border-radius:0;overflow:hidden;white-space:nowrap}.btn-Button[disabled]{cursor:not-allowed;opacity:.5}.btn-Button-primary{--Button_Background: #fff;--Button_Color: var(--Color_CarbonGrey);--Button_HoverBackground: var(--Color_PetronasTeal);--Button_HoverColor: var(--Button_Color);background-color:var(--Button_Background);border-radius:2px;color:var(--Button_Color);overflow:hidden}.btn-Button-primary:after{content:"";position:absolute;bottom:0;left:0;z-index:1;display:block;width:100%;height:3px;background-color:var(--Button_HoverBackground);transform:scaleX(0);transition:transform .5s ease}:where(.prd-Detail_FormButton,.prd-FixedBar_Button,.crt-Summary_Button).btn-Button-primary:after{height:100%}@media only screen and (min-width: 768px){.util-FauxLink:is(:hover,:focus) .btn-Button-primary:after,.btn-Button:not([disabled]):is(:hover,:focus).btn-Button-primary:after{transform:none}}.btn-Button-secondary{--Button_Background: transparent;--Button_Color: #fff;--Button_HoverColor: var(--Color_PetronasTeal);padding:0;color:var(--Button_Color);overflow:hidden}.btn-Button-tertiary{--Button_Color: #fff;--Button_HoverColor: var(--Color_PetronasTeal);border:1px solid var(--Button_Color);border-radius:2px;color:var(--Button_Color);overflow:hidden}@media only screen and (min-width: 768px){.btn-Button{transition:border .2s ease,transform .2s ease}.util-FauxLink:is(:hover,:focus) .btn-Button-tertiary,.btn-Button-tertiary:not([disabled]):is(:hover,:focus){border-color:var(--Button_HoverColor)}}.btn-Button_Text{position:relative;z-index:2;color:transparent;overflow:hidden}.btn-Button_Text:before,.btn-Button_Text:after{content:attr(data-text);position:absolute;top:0;left:0;z-index:1;display:block;color:var(--Button_Color);transition:opacity .3s ease,transform .3s ease}.btn-Button_Text:before{transform:none}.btn-Button_Text:after{color:var(--Button_HoverColor);opacity:0;transform:translateY(100%)}@media only screen and (min-width: 768px){.util-FauxLink:is(:hover,:focus) .btn-Button_Text:before,.btn-Button:not([disabled]):is(:hover,:focus) .btn-Button_Text:before{opacity:0;transform:translateY(-100%)}.util-FauxLink:is(:hover,:focus) .btn-Button_Text:after,.btn-Button:not([disabled]):is(:hover,:focus) .btn-Button_Text:after{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/400/assets/buttons.css.map */