.wsp-icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid var(--wsp-border);color:var(--wsp-cream);background:hsla(0,0%,100%,.045);cursor:pointer;font-size:20px;font-weight:950;line-height:1;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.wsp-icon-button:hover{transform:translateY(-1px);border-color:hsla(0,0%,100%,.22);background:hsla(0,0%,100%,.075)}.wsp-icon-button--lime{color:#111;border-color:rgba(215,255,0,.42);background:rgba(215,255,0,.95);box-shadow:0 0 28px rgba(215,255,0,.24)}.wsp-icon-button--lime:hover{background:#d7ff00;box-shadow:0 0 34px rgba(215,255,0,.34)}.wsp-icon-button--ghost{color:var(--wsp-cream);background:hsla(0,0%,100%,.045)}.wsp-icon-button--danger{color:#ff9aaa;border-color:rgba(255,74,104,.28);background:rgba(255,74,104,.08)}.wsp-icon-button--danger:hover{color:#ffd6dd;background:rgba(255,74,104,.13)}