.elements-bar { position: fixed; box-sizing: border-box; width: 300px; top: 50%; right: 0px; transform: translateY(-50%); max-height: 80%; background-color: var(--elements-bar-color); border-radius: var(--padding) 0 0 var(--padding); padding: var(--padding); color: var(--font-color); min-height: calc(var(--padding) * 6.5); transition: transform 0.5s; } .elements-bar .control-button button { position: absolute; top: calc(var(--padding) * 2); right: 100%; border: none; background-color: var(--elements-bar-color); color: var(--font-color); padding: calc(var(--padding) / 2); border-radius: calc(var(--padding) / 2) 0 0 calc(var(--padding) / 2); transition: transform 0.5s; } .elements-bar .control-button button:hover { transform: scale(1.2); }