.tate-three-button[data-v-19ee96cc]{--default-color:#fff;--reversed-color:var(--tate-color-black)}.tate-three-button--reverse[data-v-19ee96cc]{--default-color:var(--tate-color-black);--reversed-color:#fff;border-color:var(--tate-color-black)}@media(any-hover:hover)and (hover:hover){.tate-three-button--reverse[data-v-19ee96cc]:hover{border-color:var(--tate-color-black)!important}}.tate-three-button--reverse[data-v-19ee96cc]:active{border-color:var(--tate-color-black)!important}.tate-three-button--red[data-v-19ee96cc]{--default-color:#f52222;--reversed-color:#fff;border-color:#f52222}@media(any-hover:hover)and (hover:hover){.tate-three-button--red[data-v-19ee96cc]:hover{background-color:var(--tate-color-black)!important;border-color:var(--tate-color-black)!important;color:#fff!important}.tate-three-button--red[data-v-19ee96cc]:hover svg path{fill:var(--tate-color-black)}}.tate-three-button--red[data-v-19ee96cc]:active{background-color:var(--tate-color-black)!important;border-color:var(--tate-color-black)!important;color:#fff!important}.tate-three-button--red[data-v-19ee96cc]:active svg path{fill:var(--tate-color-black)}.tate-three-button[data-v-19ee96cc]{align-items:center;background-color:var(--default-color);border:1px solid #e4e4e7;border-radius:12px;color:var(--reversed-color);display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;line-height:26px;padding:10px 16px;transition:background-color var(--tate-transition-duration),color var(--tate-transition-duration),border-color var(--tate-transition-duration),opacity var(--tate-transition-duration);-webkit-user-select:none;-moz-user-select:none;user-select:none}.tate-three-button[data-v-19ee96cc] svg path{fill:var(--reversed-color);transition:fill var(--tate-transition-duration)}@media(max-width:768px){.tate-three-button[data-v-19ee96cc]{padding:13px 16px}}@media(any-hover:hover)and (hover:hover){.tate-three-button[data-v-19ee96cc]:hover{background-color:var(--reversed-color);color:var(--default-color)}.tate-three-button[data-v-19ee96cc]:hover svg path{fill:var(--default-color)}}.tate-three-button[data-v-19ee96cc]:active{background-color:var(--reversed-color);color:var(--default-color)}.tate-three-button[data-v-19ee96cc]:active svg path{fill:var(--default-color)}.tate-three-button--max-width[data-v-19ee96cc]{width:100%}.tate-three-button--disabled[data-v-19ee96cc]{background-color:#e4e4e7;border-color:#e4e4e7;color:#afafb5;pointer-events:none}