#button-outer{border:1px solid #2e9adf;border-radius:6px;margin-bottom:10px;font-size:.95em}#button-gallery{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:20px;padding:20px;justify-content:center;line-height:normal}#button-gallery a{text-decoration:none;display:inline-block;text-align:center;white-space:nowrap;align-self:center;justify-self:center;cursor:pointer}#button-config{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:4px;align-items:start;background-color:#eee}#button-config>div{padding:8px}#label-config label{display:block}.config-label{font-weight:bold;color:#777;font-size:1.1em}.swatch{width:50px;height:16px;display:inline-block;border:1px inset gray;vertical-align:middle;border-radius:4px}#gradient{vertical-align:middle}.fieldset label{display:inline-block;width:125px}#icon-config label{margin-right:4px}#icon-config i{display:inline-flex}#button-window{display:flex;min-height:5em;text-align:center;padding:.75em 1em;line-height:normal}#button-wrapper{display:inline-block;margin:1.5em auto 0}#button{cursor:default}#button-css-code{display:flex;gap:.6em;margin:0;border-radius:0 0 5px 5px}.copied{animation:3s copied}@keyframes copied{0%{background-color:rgba(108,212,84,.6);text-shadow:0 0 5px #fff,0 0 10px #fff}100%{background-color:rgba(0,0,0,0);text-shadow:none}}.i-clip{cursor:pointer;padding:2px 2px 0 2px;vertical-align:middle}.inv{color:#fff;background-color:#000344;border-radius:2px}