کد آماده برای ایجاد ایکون پشتیبانی

<RB:CB=69>
<RB:CBA=1>
<div class="support">
	<a style="display: flex;align-items: center;" href="<RB:CBC=لینک پشتیبانی=text>#</RB:CBC>" target="_blank">
    <img src="<RB:CBC=آدرس لوگو پشتیبانی=text>https://rozup.ir/view/4041021/Telegram_logo.svg</RB:CBC>" class="icon">
    <div class="dial">
        <div class="text"><RB:CBC=متن=text>online support</RB:CBC></div>
        <div class="subtext"><RB:CBC=متن=text>پشتیبانی آنلاین</RB:CBC></div>
    </div>
	</a>
</div>
</RB:CB>
<style>
.support {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    direction: ltr;
    z-index: 9999;
}

.icon {
    width: 60px;
    height: 60px;
    display: block;
    z-index: 2;
    margin-right: -12px;
}

.dial {
    width: 195px;
    height: 44px;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(12px);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-right: -168px;
    border: 1px solid #454545b3;
    padding: 6px 0;
    box-sizing: border-box;
}

.support:hover .dial {
    margin-right: 0;
}

.text {
    color: white;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    top: 3px;
}

.subtext {
    color: #ededed;
    font-size: 10px;
    position: relative;
    bottom: 2px;
}
</style>