.tip{text-decoration:none;color:var(--text-on-primary);width:calc(100% - (var(--padding) * 2));padding:calc(var(--padding));display:flex;align-items:center;background:var(--primary-color);border-radius:var(--border-radius);gap:.5rem;transition:.1s ease-in-out}.tip .content{width:100%;overflow:hidden}.tip .content h2{font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tip .content p{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tip .icon{font-size:.5rem;padding:calc(var(--padding) / 8);display:flex;justify-content:center;align-items:center}.tip .arrow{display:flex;justify-content:center;align-items:center}.tip .arrow svg{width:1.2rem}.tip:hover{transform:scale(1.0125)}.tip-float{width:calc(50% - var(--padding));filter:drop-shadow(0 0 .5rem rgba(0,0,0,.2))}.float-S{width:fit-content!important;aspect-ratio:1 / 1;border-radius:100%}