.mini-holder { position: fixed; padding: 4px; bottom: 80px; right: 24px; width: 56px; pointer-events: none; flex-direction: column-reverse !important; } .mini-holder > div{ transform: scale(0); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-in-out; margin: 4px; } .mini-holder.active > div { transform: scale(1); } .mini-holder.active { pointer-events: auto; } .mini-holder.active > div:nth-child(2){ transition-delay: 0.1s; } .mini-holder.active > div:nth-child(3){ transition-delay: 0.2s; } .mini-holder.active > div:nth-child(4){ transition-delay: 0.3s; } .mini-holder.active > div:nth-child(5){ transition-delay: 0.4s; }