.common-button{cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Source Sans Pro;border:1px;font-weight:600;transition:all .3s ease-in-out;width:auto;box-sizing:content-box;border-radius:8px}.common-button.size-2xl{padding:16px 28px;gap:12px;font-size:18px;line-height:28px}.common-button.size-2xl.icon{padding:16px}.common-button.size-xl{padding:12px 20px;gap:8px;font-family:Source Sans Pro,sans-serif;font-size:1rem;line-height:1.5rem;font-style:normal;font-weight:600}.common-button.size-xl.icon{padding:14px}@media screen and (min-width: 1025px){.common-button.size-xl.responsive{padding:16px 28px;gap:12px;font-size:18px;line-height:28px}.common-button.size-xl.responsive.icon{padding:16px}}.common-button.size-lg{gap:8px;font-family:Source Sans Pro,sans-serif;font-size:1rem;line-height:1.5rem;font-style:normal;font-weight:600;padding:10px 18px}.common-button.size-lg.icon{padding:12px}@media screen and (min-width: 1025px){.common-button.size-lg.responsive{padding:12px 20px;gap:8px;font-family:Source Sans Pro,sans-serif;font-size:1rem;line-height:1.5rem;font-style:normal;font-weight:600}.common-button.size-lg.responsive.icon{padding:14px}}.common-button.size-md{gap:8px;font-family:Source Sans Pro,sans-serif;font-size:.875rem;line-height:1.25rem;font-style:normal;font-weight:600;padding:10px 16px}.common-button.size-md.icon{padding:10px}@media screen and (min-width: 1025px){.common-button.size-md.responsive{gap:8px;font-family:Source Sans Pro,sans-serif;font-size:1rem;line-height:1.5rem;font-style:normal;font-weight:600;padding:10px 18px}.common-button.size-md.responsive.icon{padding:12px}}.common-button.size-sm{gap:8px;font-family:Source Sans Pro,sans-serif;font-size:.875rem;line-height:1.25rem;font-style:normal;font-weight:600;padding:8px 14px}.common-button.size-sm.icon{padding:8px}@media screen and (min-width: 1025px){.common-button.size-sm.responsive{gap:8px;font-family:Source Sans Pro,sans-serif;font-size:.875rem;line-height:1.25rem;font-style:normal;font-weight:600;padding:10px 16px}.common-button.size-sm.responsive.icon{padding:10px}}.common-button.primary{border:1px solid #7644c1;background:#7644c1;box-shadow:0 1px 2px #1018280d;color:#fff}.common-button.primary:hover{border:1px solid #45138e;background:#45138e}.common-button.primary:focus{border:1px solid #7644c1;background:#7644c1;box-shadow:0 0 0 4px #f4ebff}.common-button.primary:disabled{border:1px solid #eaecf0;background:#eaecf0;box-shadow:0 1px 2px #1018280d;color:#98a2b3}.common-button.secondary{border:1px solid #7644c1;background:#fff;color:#7644c1}.common-button.secondary:hover{border:1px solid #7644c1;background:#d8c8ef}.common-button.secondary:focus{border:1px solid #7644c1;background:#fff;box-shadow:0 0 0 4px #f4ebff}.common-button.secondary:disabled{border:1px solid #eaecf0;background:#eaecf0;color:#98a2b3}.common-button.dark{border:1px solid #344054;background:#344054;color:#fff}.common-button.dark:hover{border:1px solid #7644c1;background:#101828}.common-button.dark:focus{border:1px solid #fff;background:#344054;box-shadow:0 1px 2px #1018280d,0 0 0 4px #f2f4f7}.common-button.dark:disabled{border:1px solid #eaecf0;background:#eaecf0;color:#98a2b3}.common-button.dark:disabled>svg>path{stroke:#98a2b3}.common-button.light{border:1px solid #d0d5dd;background:#fff;box-shadow:0 1px 2px #1018280d;color:#344054}.common-button.light:hover{border:1px solid #d0d5dd;background:#f2f4f7;box-shadow:0 1px 2px #1018280d;color:#1d2939}.common-button.light:focus{border:1px solid #d0d5dd;background:#fff;box-shadow:0 1px 2px #1018280d,0 0 0 4px #f2f4f7}.common-button.light:disabled{border:1px solid #eaecf0;background:#fff;box-shadow:0 1px 2px #1018280d;color:#d0d5dd}.common-button.tertiary{background:transparent;color:#5618b2}.common-button.tertiary:hover{background:#f9fafb}.common-button.tertiary:hover,.common-button.tertiary:focus{color:#45138e}.common-button.tertiary:disabled{color:#d0d5dd}.common-button.rounded{border-radius:100px;border:1px solid #d0d5dd;background:#fff;box-shadow:0 1px 2px #1018280d;color:#344054}.common-button.rounded:hover{background:#f2f4f7;color:#1d2939}.common-button.rounded:focus{box-shadow:0 1px 2px #1018280d,0 0 0 4px #f2f4f7}.common-button.rounded:disabled{border:1px solid #eaecf0;box-shadow:0 1px 2px #1018280d;color:#d0d5dd}.common-button.ghost{color:#1d2939;background-color:#fff;border-color:#fff}.common-button.ghost:focus{outline:none;box-shadow:none}.common-button.ghost:hover{background-color:#f9fafb}.common-button:disabled{cursor:not-allowed}.common-button>svg>path,.common-button>.common-button--content>svg>path{stroke:currentColor}.common-button.icon>:not(.common-button--content){display:none}.common-button.icon>.common-button--content{display:flex}