.tooltip-container{position:relative;background-color:#dddddd;background-image:linear-gradient( 225deg,#dddddd 0%,#dddddd 50%,#dddddd 100% );cursor:pointer;transition:all 0.3s;font-size:14px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;fill:#fff;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.18)}.tooltip-container .borde-back{width:35px;height:35px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:none}.tooltip-container .icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;background-color:#eaeaea;background-image:linear-gradient( 225deg,#cacaca 0%,#eaeaea 50%,#cacaca 100% );cursor:pointer}.tooltip{position:absolute;top:-2;left:-100px;transform:translateX(-20%);width:90px;height:30px;opacity:0;pointer-events:none;transition:all 0.2s;border-radius:50px;background-color:#cacaca;background-image:linear-gradient( 225deg,#dddddd 0%,#eeeeee 50%,#cccccc 100% );display:flex;align-items:center;justify-content:right;padding-right:2px;color:#fff;font-size:14px;font-family:sans-serif;font-weight:800px}.tooltip::before{position:absolute;content:"";height:0.6em;width:0.6em;right:-0.2em;top:50%;transform:translateY(-50%) rotate(45deg);background:var(--background)}.tooltip-container:hover .tooltip{left:100%;opacity:1;visibility:visible;pointer-events:auto;z-index:-10}.tooltip-container:hover{transform:translateX(-36px);transition:0.2s linear}