.outline-btn{border:1px solid var(--color-brand-low);border-radius:var(--radius-lg);font-family:var(--font-secondary),sans-serif;color:var(--color-brand-low);cursor:pointer;transition:color .4s var(--ease-standard);background:0 0;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.outline-btn--sm{height:36px;font-size:var(--text-xs);padding:0 14px}.outline-btn--md{height:40px;font-size:var(--text-sm);padding:0 16px}.outline-btn--lg{height:44px;font-size:var(--text-md);padding:0 20px}.outline-btn:before{content:"";background-color:var(--color-brand-low);z-index:0;width:0%;height:100%;transition:width .5s var(--ease-standard);position:absolute;top:0;left:-40px;transform:skew(45deg)}.outline-btn:hover{color:var(--outline-btn-hover-color,var(--color-text-inverse))}.outline-btn:hover:before{width:160%}.outline-btn__text{z-index:1;white-space:nowrap;position:relative}