@uva-glass/component-library/dist/assets/Button.css

React components UvA

._button_w17f1_1{align-items:center;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.5rem;height:2.75rem;justify-content:center;line-height:inherit;margin:0;padding:.75rem 1rem;transition:var(--transition-colors);white-space:nowrap}._button_w17f1_1[href]{text-decoration:none}._button_w17f1_1:focus-visible{outline:.125rem dotted var(--color-navy-600);outline-offset:.125rem}._button_w17f1_1:hover{background-color:var(--color-grey-300);outline:0}._button--blank_w17f1_35,._button--blank-subtle_w17f1_36,._button--blank-icon_w17f1_37{border:0;border-radius:0;gap:0;height:auto;padding:0;text-decoration:underline;vertical-align:middle}._button--blank_w17f1_35,._button--blank-icon_w17f1_37{color:var(--color-uva-black)}._button--blank-subtle_w17f1_36{color:var(--color-grey-700)}._button--blank-icon_w17f1_37{border:1px solid transparent;border-radius:.5rem;height:2.5rem;width:2.5rem}._button--blank_w17f1_35:focus,._button--blank_w17f1_35:not([disabled]):hover{background:none;text-decoration:underline}._button--blank-subtle_w17f1_36:focus,._button--blank-subtle_w17f1_36:not([disabled]):hover{background:none;color:var(--color-uva-black);text-decoration:underline}._button--blank-icon_w17f1_37:focus,._button--blank-icon_w17f1_37:not([disabled]):hover{background-color:var(--color-grey-300);border-color:var(--color-grey-600)}._button--primary_w17f1_82{background-color:var(--color-uva-black);border-color:var(--color-uva-black);color:var(--color-uva-white)}._button--primary_w17f1_82:hover{background-color:var(--color-grey-700);border-color:var(--color-grey-700)}._button--primary_w17f1_82[disabled]{background-color:var(--color-uva-black);color:var(--color-uva-white)}._button--secondary_w17f1_98{background-color:transparent;border-color:var(--color-uva-black);color:var(--color-uva-black)}._button--secondary_w17f1_98:hover{background-color:var(--color-uva-black);color:var(--color-uva-white)}._button--secondary_w17f1_98[disabled]{background-color:transparent;color:var(--color-uva-black)}._button--destructive-primary_w17f1_114{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-primary_w17f1_114:hover{background-color:var(--color-red-800);border-color:var(--color-red-800);color:var(--color-uva-white)}._button--destructive-primary_w17f1_114[disabled]{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-secondary_w17f1_132{background-color:var(--color-uva-white);border-color:var(--color-red-600);color:var(--color-red-600)}._button--destructive-secondary_w17f1_132:hover{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-secondary_w17f1_132[disabled]{background-color:var(--color-uva-white);border-color:var(--color-red-600);color:var(--color-red-600)}._button--destructive-secondary-transparent_w17f1_150{background-color:transparent;border-color:var(--color-red-600);color:var(--color-red-600)}._button--destructive-secondary-transparent_w17f1_150:hover{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-secondary-transparent_w17f1_150[disabled]{background-color:transparent;border-color:var(--color-grey-700);color:var(--color-grey-700)}._button--wide-column_w17f1_168{display:flex;flex-direction:column;font-size:var(--font-size-text-non-essential);gap:.25rem;height:unset;padding:.5rem .25rem;width:100%}._button_w17f1_1[disabled]{cursor:unset;opacity:.4;text-decoration:none;transition-delay:.25s}