/*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*-------------------------------------DEFAULT------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ .button { width: 100%; height: fit-content; display: flex; justify-content: center; align-items: center; column-gap: 0.75rem; padding: 16px 20px; text-align: center; text-decoration: none !important; border-radius: 50px; cursor: pointer; transition: var(--transition-mid); /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-FIT WIDTH-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SMALL_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-ULTRA WIDTH-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ } .button .button__anchor { position: relative; z-index: 2; font-family: var(--text-family-body); font-size: var(--text-body-md-size); line-height: var(--text-body-line-height); letter-spacing: 0em; text-transform: initial; font-weight: 700; text-align: center; text-decoration: none; transition: var(--transition-mid); } .button.button--primary { background-color: var(--color-blue-04); border: 2px solid var(--color-blue-04); } .button.button--primary:not([disabled]):hover { background-color: var(--color-blue-05); border-color: var(--color-blue-05); } .button.button--primary:not([disabled]):hover .button__anchor { color: var(--color-white); } .button.button--primary:not([disabled]):hover .button__icon__boundingBox path { fill: var(--color-white); } .button.button--primary[disabled] { opacity: 0.5; } .button.button--primary.button--pureBlue05 { background-color: var(--color-blue-05); border-color: var(--color-blue-05); } .button.button--primary.button--pureBlue05:not([disabled]):hover { background-color: var(--color-blue-06); border-color: var(--color-blue-06); } .button.button--primary.button--pureBlue05:not([disabled]):hover .button__icon__boundingBox path { fill: var(--color-white); } .button.button--primary.button--pureBlue05 .button__anchor { color: var(--color-white); } .button.button--primary.button--pureYellow10 { background-color: var(--color-yellow-10); border-color: var(--color-yellow-10); } .button.button--primary.button--pureYellow10:not([disabled]):hover { background-color: var(--color-yellow-09); border-color: var(--color-yellow-09); } .button.button--primary.button--pureYellow10:not([disabled]):hover .button__anchor { color: var(--color-blue-07); } .button.button--primary.button--pureYellow10 .button__anchor { color: var(--color-blue-07); } .button.button--primary.button--white { background-color: var(--color-white); border-color: #C6E4ED; } .button.button--primary.button--white:not([disabled]):hover { background-color: #C6E4ED; border-color: #C6E4ED; } .button.button--primary.button--white:not([disabled]):hover .button__anchor { color: var(--color-blue-06); } .button.button--primary.button--white:not([disabled]):hover .button__icon__boundingBox path { fill: var(--color-white); } .button.button--primary.button--white .button__anchor { color: var(--color-blue-06); } .button.button--secondary { border: 2px solid var(--color-blue-02); } .button.button--secondary:not([disabled]):hover { background-color: var(--color-blue-02); } .button.button--secondary .button__anchor { color: var(--color-blue-06); } .button.button--secondary[disabled] { opacity: 0.5; } .button.button--secondary.button--pureBlue04 { border-color: var(--color-blue-04); } .button.button--secondary.button--pureBlue04:not([disabled]):hover { background-color: var(--color-blue-04); } .button.button--secondary.button--pureBlue04 .button__anchor { color: var(--color-blue-04); } .button.button--secondary.button--pureBlue04:not([disabled]):hover .button__anchor { color: var(--color-blue-06); } .button.button--secondary.button--pureBlue04 .button__icon__boundingBox path { transition: var(--transition-mid); } .button.button--secondary.button--pureBlue04:not([disabled]):hover .button__icon__boundingBox path { fill: var(--color-blue-06); } .button.button--secondary.button--pureBlue05 { border-color: var(--color-blue-05); } .button.button--secondary.button--pureBlue05:not([disabled]):hover { background-color: var(--color-blue-05); } .button.button--secondary.button--pureBlue05 .button__anchor { color: var(--color-blue-05); } .button.button--secondary.button--pureBlue05:not([disabled]):hover .button__anchor { color: var(--color-white); } .button.button--secondary.button--pureBlue06 { border-color: var(--color-blue-06); } .button.button--secondary.button--pureBlue06:not([disabled]):hover { background-color: var(--color-blue-06); } .button.button--secondary.button--pureBlue06 .button__anchor { color: var(--color-blue-06); } .button.button--secondary.button--pureBlue06:not([disabled]):hover .button__anchor { color: var(--color-white); } .button.button--secondary.button--pureWhite { border-color: var(--color-white); } .button.button--secondary.button--pureWhite:not([disabled]):hover { background-color: rgba(255, 255, 255, 0.2); } .button.button--secondary.button--pureWhite .button__anchor { color: var(--color-white); } .button.button--secondary.button--pureWhite:not([disabled]):hover .button__anchor { color: var(--color-white); } .button .button__icon__boundingBox path { transition: var(--transition-mid); } .button.button--fitWidth { width: fit-content; flex-shrink: 0; } .button.button--sm { display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 8px; padding: 5px 10px; } .button.button--sm .button__anchor { font-size: var(--text-body-xs-size); } .button--ultraWidth { padding-right: 48px; padding-left: 48px; } @media (min-width: 648px) { /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*------------------------------------SM:DEFAULT----------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-SM:FIT WIDTH_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ .sm\:button--fitWidth { width: fit-content; flex-shrink: 0; } /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SM:ULTRA WIDTH-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ .sm\:button--ultraWidth { padding-right: 48px; padding-left: 48px; } } @media (min-width: 768px) { /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*------------------------------------MD:DEFAULT----------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-MD:FIT WIDTH_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ .md\:button--fitWidth { width: fit-content; flex-shrink: 0; } /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_MD:ULTRA WIDTH-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ .md\:button--ultraWidth { padding-right: 48px; padding-left: 48px; } } @media (min-width: 1024px) { /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*------------------------------------LG:DEFAULT----------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-LG:FIT WIDTH_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ .lg\:button--fitWidth { width: fit-content; flex-shrink: 0; } /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_LG:ULTRA WIDTH-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ .lg\:button--ultraWidth { padding-right: 48px; padding-left: 48px; } } @media (min-width: 1280px) { /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*------------------------------------XL:DEFAULT----------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-XL:FIT WIDTH_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ .xl\:button--fitWidth { width: fit-content; flex-shrink: 0; } /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_XL:ULTRA WIDTH-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ .xl\:button--ultraWidth { padding-right: 48px; padding-left: 48px; } } @media (min-width: 1536px) { /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*-----------------------------------2XL:DEFAULT----------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-@2XL:FIT WIDTH_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ .\32 xl\:button--fitWidth { width: fit-content; flex-shrink: 0; } /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-2XL:ULTRA WIDTH-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ .\32 xl\:button--ultraWidth { padding-right: 48px; padding-left: 48px; } } /*# sourceMappingURL=button.css.map */