.button{-moz-column-gap:10px;text-transform:uppercase;cursor:pointer;color:#181818;-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;border-radius:5px;outline:none;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;column-gap:10px;width:100%;padding:12px 40px;font-family:N27-Medium;font-size:12px;transition:all .2s ease-in-out;display:flex;box-shadow:0 1px #0000000d}.button button{font-family:N27-Light;font-size:14px}.button.contained{text-align:center;color:#fff;background-color:#181818;border:1px solid #181818;outline:none}@media (min-width:576px){.button.contained:hover{background:#3c3c3c;border:1px solid #3c3c3c}}.button.contained:active{background-color:#878787;border:1px solid #878787}.button.contained.primary-color{text-align:center;color:#181818;background:#d9d9d9;border:1px solid #d9d9d9}.button.contained.primary-color:hover{background:#b3b3b3;border:1px solid #b3b3b3}.button.contained.primary-color:active{background:#828282;border:1px solid #828282}.button.contained.primary-color:disabled{color:#b4b4b4;background:#c9c9c9;border:1px solid #ececec;box-shadow:0 0 #0000}.button.contained.inverted-color{text-align:center;color:#181818;background:#fff;border:1px solid #fff}.button.contained.inverted-color:hover{background:#d9d9d9;border:1px solid #d9d9d9}.button.contained.inverted-color:active{background:#b3b3b3;border:1px solid #b3b3b3}.button.contained.inverted-color:disabled{color:#b4b4b4;background:#c9c9c9;border:1px solid #ececec;box-shadow:0 0 #0000}.button.contained.critical-color{text-align:center;color:#fff;background:#d82c0d;border:1px solid #d82c0d}.button.contained.critical-color:hover{background:#bc2200;border:1px solid #bc2200}.button.contained.critical-color:active{background:#a21b00;border:1px solid #a21b00}.button.contained.critical-color:disabled{color:#b4b4b4;background:#c9c9c9;border:1px solid #ececec;box-shadow:0 0 #0000}.button.contained.success-color{text-align:center;color:#fff;background:#adffb6;border:1px solid #adffb6}.button.contained.success-color:hover{background:#77ff85;border:1px solid #77ff85}.button.contained.success-color:active{background:#0f765c;border:1px solid #0f765c}.button.contained.success-color:disabled{color:#b4b4b4;background:#c9c9c9;border:1px solid #ececec;box-shadow:0 0 #0000}.button.inverted{text-align:center;color:#181818;background-color:#fff;border:1px solid #c9c9c9}.button.inverted:hover{background:#efefef;border:1px solid #efefef}.button.inverted:active{background-color:#b3b3b3}.button.inverted.critical-color{color:#d82c0d;border:1px solid #d82c0d}.button.inverted.critical-color:hover{background-color:#fcd5ce}.button.inverted.critical-color:active{background-color:#f89886}.button.inverted.success-color{color:#adffb6;border:1px solid #adffb6}.button.inverted.success-color:hover{background-color:#fff}.button.inverted.success-color:active{background-color:#38e6ba}.button.inverted.inverted-color{color:#fff;background-color:#0000;border:1px solid #fff}.button.inverted.inverted-color:hover{background:#282828}.button.inverted.inverted-color:active{background:#333}.button.inverted.inverted-color:disabled{color:#eee;cursor:auto;background:#c9c9c9}.button.small{border-radius:4px;padding:6px 18px;font-size:9px}.button.small:disabled{color:#eee;cursor:auto;background:#c9c9c9}.button.small .buttontext{font-size:12px}.button.medium{border-radius:5px;min-width:115px;padding:9px 18px;font-size:9px}.button.medium:disabled{color:#b4b4b4;cursor:auto;background:#c9c9c9;border-color:#ececec}.button.medium .buttontext{font-size:14px}.button.icon{background:0 0}