/*! * Principal Design System * Component: button * Version: 6.6.0 * Build Date: 12/11/2020, 8:33:37 AM * Repo: https://scm.principal.com/projects/GCBIDESIGN/repos/principal-design-system/browse * Crimson Text Font licensing: https://www.principalcdn.com/css/principal-design-system/pds/latest/fonts/crimson/OFL.txt * Work Sans Font licensing: https://www.principalcdn.com/css/principal-design-system/pds/latest/fonts/worksans/OFL.txt * Coded @ Principal with love */ .pds-button-primary>svg,.pds-button-secondary-white-fill>svg,.pds-button-secondary>svg{width:24px;height:24px}.pds-button{display:inline-flex;align-items:center;font-family:"FS Elliot Web Bold",Arial,arial,sans-serif;white-space:normal;border-radius:28px;padding:12px 36px;font-size:16px;line-height:normal;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;transition:color .1s cubic-bezier(.4,0,.2,1),background-color .1s cubic-bezier(.4,0,.2,1),border-color .1s cubic-bezier(.4,0,.2,1)}.pds-button:active{outline:0}.pds-button,.pds-button:active,.pds-button:focus,.pds-button:hover{text-decoration:none}.pds-button:disabled{background-color:#e8e8e8;border:1px solid #e8e8e8;color:#9d9ea4;cursor:not-allowed}.pds-button[type=submit],.pds-button[type=button],.pds-button[type=reset]{-webkit-appearance:none}.pds-button-icon-left,.pds-button-icon-right{padding-left:16px;padding-right:16px}.pds-button-icon-left.pds-button-primary,.pds-button-icon-left.pds-button-secondary,.pds-button-icon-right.pds-button-primary,.pds-button-icon-right.pds-button-secondary{min-width:180px}.pds-button-icon-left.pds-button-action,.pds-button-icon-left.pds-button-tertiary,.pds-button-icon-right.pds-button-action,.pds-button-icon-right.pds-button-tertiary{padding-left:10px;padding-right:10px}.pds-button-icon-right{justify-content:space-between}.pds-button-icon-left>svg{margin-right:4px}.pds-button-icon-right>svg{margin-left:4px}.pds-button-primary{background-color:#035fa4;color:#fff;border:none}.pds-button-primary:hover{color:#fff;background-color:#04508a;border:none}.pds-button-primary:active{color:#fff;background-color:#034170;outline:0;border:none}.pds-button-secondary{background-color:transparent;color:#035fa4;border:1px solid #035fa4}.pds-button-secondary:hover{border:1px solid #04508a;background-color:#04508a;color:#fff}.pds-button-secondary:active{border:1px solid #034170;background-color:#034170;outline:0;color:#fff}.pds-button-secondary:disabled{border:1px solid #9d9ea4;color:#9d9ea4;background-color:transparent}.pds-button-secondary-white{background-color:transparent;color:#fff;border:1px solid #fff}.pds-button-secondary-white:hover{color:#0091da;border-color:#d8f2ff}.pds-button-secondary-white:active{color:#0091da;border-color:#0091da;outline:0}.pds-button-secondary-white:disabled{border:1px solid #9d9ea4;color:#333;background-color:transparent}.pds-button-secondary-white:hover{background-color:#d8f2ff}.pds-button-secondary-white:active{background-color:#bcdfff}.pds-button-secondary-white-fill{background-color:#fff;color:#035fa4;border:1px solid #035fa4}.pds-button-action>svg,.pds-button-tertiary>svg{width:16px;height:16px}.pds-button-secondary-white-fill:hover{border:1px solid #04508a;background-color:#04508a;color:#fff}.pds-button-secondary-white-fill:active{border:1px solid #034170;background-color:#034170;outline:0;color:#fff}.pds-button-action,.pds-button-action:disabled,.pds-button-tertiary,.pds-button-tertiary:disabled{background-color:transparent}.pds-button-secondary-white-fill:disabled{border:1px solid #9d9ea4;color:#9d9ea4;background-color:transparent}.pds-button-tertiary{color:#035fa4;border:1px solid #035fa4;font-size:16px;padding:5.5px 24px}.pds-button-tertiary:hover{color:#04508a;border-color:#04508a}.pds-button-tertiary:active{color:#034170;border-color:#034170;outline:0}.pds-button-tertiary:disabled{border:1px solid #9d9ea4;color:#9d9ea4}.pds-button-action{color:#333;border:1px solid #035fa4;padding:3px 14px}.pds-button-action:hover{color:#333;border-color:#04508a}.pds-button-action:active{color:#333;border-color:#034170;outline:0}.pds-button-action.activated,.pds-button-action.activated:active,.pds-button-action.activated:hover{color:#333;background-color:#e8e8e8;border:none}.pds-button-action.activated:active{outline:0}.pds-button-action:disabled{border:1px solid #9d9ea4;color:#9d9ea4}.pds-button-circle-icon{background-color:transparent;color:#035fa4;border:1px solid #035fa4;padding:8px;border-radius:50%;line-height:0}.pds-button-circle-icon:hover{color:#04508a;border-color:#04508a}.pds-button-circle-icon:active{color:#034170;border-color:#034170;outline:0}.pds-button-circle-icon:disabled{border:1px solid #9d9ea4;background-color:transparent;color:#9d9ea4}.pds-button-counter,.pds-button-small-icon:active:hover>svg,.pds-button-small-icon:hover>svg,.pds-button-user-avatar>svg{color:#333}.pds-button-circle-icon>svg{width:24px;height:24px}.pds-button-user-avatar{padding:8px;border-radius:50%;line-height:0;box-shadow:0 0 14px rgba(0,0,0,.2);border:none}.pds-button-user-avatar:active,.pds-button-user-avatar:hover{border:none}.pds-button-small-icon,.pds-button-small-icon:active{padding:8px;border-radius:50%;line-height:0;border:1px solid #e8e8e8}.pds-button-small-icon:active>svg,.pds-button-small-icon>svg{width:16px;height:16px;color:#333}.pds-button-small-icon:active:hover,.pds-button-small-icon:hover{box-shadow:0 0 7px rgba(0,0,0,.2);border:1px solid #e8e8e8}.pds-button-counter{padding:8px;line-height:0;border:none;background-color:transparent}.pds-button-counter>svg{width:22px;height:22px;margin-right:8px;color:#035fa4}.pds-button-counter:hover>svg{color:#04508a}.pds-button-counter:active>svg{color:#034170}