.button{font-family:var(--font-family-inter);justify-content:center;align-items:center;gap:var(--spacing-yotpo-medium);font-weight:var(--font-weight-medium);font-size:var(--font-size-text-large);line-height:var(--font-size-text-large);text-align:center;vertical-align:middle;cursor:pointer;border:none;transition:all .2s;display:inline-flex}.button:focus{outline:none}.button--blue{background-color:var(--color-button-blue-bg);color:var(--color-button-white-text)}.button--blue:hover{background-color:var(--color-button-blue-hover)}.button--black{background-color:var(--color-button-black-bg);color:var(--color-button-white-text)}.button--black:hover{background-color:var(--color-button-black-hover)}.button--white{background-color:var(--color-button-white-bg);color:var(--color-black)}.button--white:hover{background-color:var(--color-button-white-hover)}.button--outlined{border:1px solid var(--color-button-outlined-border);color:var(--color-button-text-color);background-color:transparent}.button--outlined:hover{background-color:var(--color-button-outlined-hover-bg)}.button--outlined-light{border:1px solid var(--color-white);color:var(--color-white);background-color:transparent}.button--outlined-light:hover{background-color:rgba(255,255,255,.1)}.button--outlined-light:focus{outline:2px solid var(--color-white);outline-offset:2px}.button--text{color:var(--color-button-text-color);background-color:transparent;text-decoration:underline}.button--text:hover{color:var(--color-button-text-hover)}.button--small{height:var(--button-height-small);padding:var(--button-padding-vertical)var(--button-padding-horizontal);border-radius:var(--button-border-radius)}.button--big{height:var(--button-height-big);padding:var(--button-padding-vertical)var(--button-padding-horizontal);border-radius:var(--button-border-radius)}