.floating-banner{bottom:-80px;left:50%;max-width:20px;position:fixed;transform:translateX(-50%);transition:max-width .7s cubic-bezier(.4,0,.2,1),bottom .7s cubic-bezier(.68,-.55,.27,1.55);z-index:1000}.floating-banner.show{bottom:30px}.floating-banner.extend{max-width:500px}.floating-banner.show-title .floating-banner-content .floating-banner-title{color:#fff}.floating-banner .floating-banner-inner{background:linear-gradient(110deg,#fd9909 12%,#ef151e 50%,#3c74c5);border-radius:50px;box-shadow:0 8px 25px rgba(0,0,0,.15);padding:4px;transition:all .3s ease}.floating-banner .floating-banner-inner:hover{box-shadow:0 12px 35px rgba(0,0,0,.2);transform:translateY(-2px)}.floating-banner .floating-banner-content .floating-banner-title{align-items:center;color:transparent;display:flex;font-size:17px;font-weight:600;gap:10px;padding:19px 28px;text-decoration:none;transition:color .3s ease;white-space:nowrap}.floating-banner .floating-banner-content .floating-banner-title:focus-visible{color:#fff;outline:2px solid #fff;outline-offset:2px}@media(max-width:768px){.floating-banner .floating-banner-content .floating-banner-title{font-size:13px;padding:16px 24px}}.floating-banner .floating-banner-content .floating-banner-title span{border-bottom:2px solid;border-right:2px solid;display:inline-block;height:8px;transform:rotate(-45deg);transform-origin:center center;transition:transform .3s ease;width:8px}.floating-banner .floating-banner-content .floating-banner-title:hover span{transform:rotate(-45deg) translate(3px,3px)}