.tooltip-container{--background:#333333;--color:#78350f;--yellow:#FBCB06;position:relative;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);font-size:18px;font-weight:600;color:var(--color);padding:.7em 1.8em;border-radius:8px;text-transform:uppercase;height:60px;width:180px;display:grid;place-items:center;border:2px solid var(--color);box-shadow:0 0 0 0 rgba(251,203,6,.4);animation:pulse-border 2s infinite}.text{left:0;place-items:center;transform-origin:-100%;transform:scale(1)}.text,.tooltip-container .banana-cake-text{position:absolute;top:0;width:100%;height:100%;display:grid;transition:all .4s cubic-bezier(.23,1,.32,1)}.tooltip-container .banana-cake-text{left:100%;border-radius:8px;opacity:1;background-color:var(--background);z-index:1;border:2px solid var(--background);transform:scale(0);transform-origin:0;place-items:center;color:var(--yellow)}.tooltip{top:0;transform:translateX(-50%);padding:.3em .6em;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.23,1,.32,1);z-index:10;border-radius:8px;scale:0;transform-origin:center bottom;text-transform:capitalize;font-weight:400;font-size:16px;box-shadow:0 8px 15px rgba(0,0,0,.25);color:white}.tooltip,.tooltip:before{position:absolute;left:50%;background:var(--background)}.tooltip:before{content:"";height:.6em;width:.6em;bottom:-.2em;transform:translate(-50%) rotate(45deg);z-index:9}.tooltip-container:hover .tooltip{top:-120%;opacity:1;visibility:visible;pointer-events:auto;scale:1;transform:translateX(-50%) scale(1);animation:shake .5s ease-in-out both}.tooltip-container:hover{box-shadow:0 8px 15px rgba(0,0,0,.25);color:var(--yellow);border-color:var(--yellow);animation:none}.tooltip-container:hover .banana-cake-text{transform:scale(1);left:0;z-index:2}.tooltip-container:hover .text{opacity:0;top:0;left:100%;transform:scale(0);color:transparent}@keyframes shake{0%{rotate:0}25%{rotate:7deg}50%{rotate:-7deg}75%{rotate:1deg}to{rotate:0}}@keyframes pulse-border{0%{box-shadow:0 0 0 0 rgba(251,203,6,.4)}70%{box-shadow:0 0 0 8px rgba(251,203,6,0)}to{box-shadow:0 0 0 0 rgba(251,203,6,0)}}