.arrow-bubble-button .link,.arrow-bubble-button a{color:#f3f3f3;text-decoration:none;font-size:14px;line-height:120%;font-weight:600;display:flex;align-items:center;transition:.5s}.arrow-bubble-button .title{background-color:#0e100f;padding:12px 24px;border-radius:50px;position:relative;overflow:hidden;flex-shrink:0}.arrow-bubble-button .gradient{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:.5s}.arrow-bubble-button .title .gradient{background:linear-gradient(135deg,#db4dff,#bb8aff 50%,#b2f6ff)}.arrow-bubble-button .arrow-button .gradient{background:linear-gradient(135deg,#b2f6ff,#bb8aff 50%,#db4dff)}.arrow-bubble-button .arrow-button{aspect-ratio:1;background-color:#0e100f;border-radius:50%;position:relative;overflow:hidden;height:40px;flex-shrink:0}.arrow-bubble-button .arrow-button svg{color:#f3f3f3;font-size:25px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.5s}.arrow-bubble-button .arrow-button svg.behind{left:-50%;opacity:0}.arrow-bubble-button .arrow-button svg.front,.arrow-bubble-button:hover .arrow-button svg.behind{left:50%;opacity:1}.arrow-bubble-button:hover .arrow-button svg.front{left:100%;opacity:0}.arrow-bubble-button span{position:relative;width:100%;height:100%;display:block}.arrow-bubble-button:hover .arrow-button svg,.arrow-bubble-button:hover a{color:#0e100f}.arrow-bubble-button:hover .gradient{opacity:1}