.press{box-sizing:border-box;background-color:var(--p);border:2px solid var(--p);color:var(--c);cursor:pointer;display:inline-block;font-size:1em;margin:0;padding:0.5em 0.75em;text-decoration:none;transition:background 0.15s linear}.press-red{--p:#F44336;--c:#000;--h:#f55a4e;--a:#ea1c0d}.press-pink{--p:#E91E63;--c:#FFF;--h:#eb3573;--a:#c1134e}.press-purple{--p:#9C27B0;--c:#FFF;--h:#af2cc5;--a:#771e86}.press-deeppurple{--p:#673AB7;--c:#FFF;--h:#7446c4;--a:#512e90}.press-indigo{--p:#3F51B5;--c:#FFF;--h:#4d5ec1;--a:#32408f}.press-blue{--p:#2196F3;--c:#000;--h:#39a1f4;--a:#0c7cd5}.press-lightblue{--p:#03A9F4;--c:#000;--h:#14b4fc;--a:#0286c2}.press-cyan{--p:#00BCD4;--c:#000;--h:#00d3ee;--a:#008fa1}.press-teal{--p:#009688;--c:#FFF;--h:#00b09f;--a:#00635a}.press-green{--p:#4CAF50;--c:#000;--h:#5cb860;--a:#3d8b40}.press-lightgreen{--p:#BBC34A;--c:#000;--h:#c2c95d;--a:#9ca436}.press-lime{--p:#CDDC39;--c:#000;--h:#d2e04f;--a:#b2c022}.press-yellow{--p:#FFEB3B;--c:#000;--h:#fe5;--a:#ffe608}.press-amber{--p:#FFC107;--c:#000;--h:#ffc721;--a:#d39e00}.press-orange{--p:#FF9800;--c:#000;--h:#ffa21a;--a:#cc7a00}.press-deeporange{--p:#FF5722;--c:#000;--h:#ff6a3c;--a:#ee3900}.press-brown{--p:#795548;--c:#FFF;--h:#896052;--a:#593f35}.press-grey{--p:#9E9E9E;--c:#000;--h:#ababab;--a:#858585}.press-bluegrey{--p:#607D8B;--c:#FFF;--h:#6b8a99;--a:#4b626d}.press-black{--p:#000;--c:#FFF;--h:#0d0d0d;--a:#000}.press-white{--p:#fff;--c:#000;--h:#fff;--a:#e6e6e6}.press-pill{border-radius:20px / 50%}.press-round{border-radius:8px}.press-circle{border-radius:50%;height:2.5em;padding:0;width:2.5em;white-space:nowrap}.press-raised{box-shadow:2px 3px 20px 3px rgba(51,51,51,0.4)}.press:disabled{cursor:not-allowed;opacity:0.3}.press-ghost{color:var(--p);background-color:transparent}.press:hover:not(:disabled){background-color:var(--h)}.press:active:not(:disabled){background-color:var(--a)}.press-ghost:hover:not(:disabled){color:var(--c)}.press-sm{font-size:0.8em}.press-lg{font-size:1.25em}.press-xl{font-size:1.5em}