.circle-icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;color:#fff}.circle-icon-button--xs{width:28px;height:28px}.circle-icon-button--sm{width:40px;height:40px}.circle-icon-button--md{width:56px;height:56px}.circle-icon-button--default{background:linear-gradient(180deg,#5a6b7d,#4a5a6b);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 4px 0 rgba(0,0,0,.2),0 6px 12px rgba(0,0,0,.15)}.circle-icon-button--default:active{transform:translateY(2px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 2px 0 rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.12)}.circle-icon-button--danger{background:linear-gradient(180deg,#c94a4a,#a83838);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 4px 0 rgba(0,0,0,.2),0 6px 12px rgba(0,0,0,.15)}.circle-icon-button--danger:active{transform:translateY(2px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 2px 0 rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.12)}.circle-icon-button--success{background:linear-gradient(180deg,#4a9c5a,#3d8249);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 4px 0 rgba(0,0,0,.2),0 6px 12px rgba(0,0,0,.15)}.circle-icon-button--success:active{transform:translateY(2px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 2px 0 rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.12)}