.icon-button{position:relative;display:flex;align-items:center;border:none;border-radius:50%;width:40px;height:40px;padding:0;cursor:pointer;overflow:hidden;transition:width .8s cubic-bezier(.8,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1),padding-right .3s cubic-bezier(.4,0,.2,1),background-color .3s ease}.icon-button:hover{width:auto;border-radius:20px;padding-right:16px}.icon-button-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.icon-button-label{white-space:nowrap;opacity:0;max-width:0;overflow:hidden;margin-left:4px;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-width .8s cubic-bezier(.4,0,.2,1)}.icon-button:hover .icon-button-label{opacity:1;max-width:200px}.icon-button-danger{border:1px solid red!important;background-color:red!important;color:#fff!important}.icon-button-danger .icon-button-icon svg,.icon-button-danger .icon-button-label{color:#fff!important;stroke:#fff!important}@media (max-width:1024px){.icon-button{width:auto;border-radius:20px;padding-right:16px}.icon-button-label{opacity:1;max-width:200px}}