.secondary-button-main{width:100%;height:48px;border-radius:8px;outline:none;display:flex;align-items:center;border:1px solid hsla(0,0%,100%,.15);background-color:#000;position:relative;overflow:hidden;font-family:Red Hat Display,sans-serif!important;cursor:pointer;box-sizing:border-box;transition:all .4s cubic-bezier(.16,1,.3,1)}.secondary-button-main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:translateX(-100%);transition:transform .6s cubic-bezier(.16,1,.3,1);z-index:1}.secondary-button-main-boxy{position:absolute;left:3px;top:3px;width:40px;height:40px;background-color:#fff;border-radius:6px;display:flex;justify-content:center;align-items:center;z-index:3;box-sizing:border-box;transition:left .6s cubic-bezier(.16,1,.3,1),background-color .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.secondary-button-main-boxy img{transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1);width:14px;height:14px}.secondary-button-main-text-side{height:100%;font-family:Red Hat Display,sans-serif;z-index:2;box-sizing:border-box;padding-left:43px;padding-right:12px;transition:padding .6s cubic-bezier(.16,1,.3,1)}.sb-text-wrap,.secondary-button-main-text-side{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.sb-text-wrap{height:1.2em;overflow:hidden}.sb-row{display:flex;align-items:center;justify-content:center}.sb-row--hover{position:absolute;top:0;left:0;right:0;bottom:0}.sb-ch{display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:-.01em;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s ease;will-change:transform,opacity}.sb-row--default .sb-ch{color:#fff;transform:translateY(0);opacity:1}.secondary-button-main:hover .sb-row--default .sb-ch{transform:translateY(-110%);opacity:0}.sb-row--hover .sb-ch{color:#000;transform:translateY(110%);opacity:0}.secondary-button-main:hover .sb-row--hover .sb-ch{transform:translateY(0);opacity:1}.secondary-button-main:hover .secondary-button-main-boxy{left:calc(100% - 43px);background-color:#000}.secondary-button-main:hover .secondary-button-main-text-side{padding-left:12px;padding-right:43px}.secondary-button-main:hover:before{transform:translateX(0)}.secondary-button-main:hover .secondary-button-main-boxy img{transform:rotate(90deg);filter:invert(1)}.secondary-button-main:hover{transform:translateY(-1px);border-color:#fff;box-shadow:0 4px 20px hsla(0,0%,100%,.15)}.secondary-button-main:active{transform:translateY(1px);box-shadow:0 2px 6px hsla(0,0%,100%,.08)}