Авторизация через Яндекс ID

<?php
$text = !empty($button_text) ? $button_text : 'Войти с Яндекс ID';
?>
<style>
.yandexauth-doc-block{
    width:100%;
    margin:14px 0 0;
    text-align:center;
    box-sizing:border-box
}
.yandexauth-doc-separator{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin:0 0 12px;
    color:#8f91a3;
    font-size:13px;
    font-weight:700;
    line-height:1;
    text-transform:uppercase
}
.yandexauth-doc-separator span{
    display:block;
    height:1px;
    flex:1 1 auto;
    max-width:120px;
    background:#d9ddec
}
.yandexauth-doc-button,
.yandexauth-doc-button:visited{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    max-width:360px;
    min-height:48px;
    padding:0 18px;
    box-sizing:border-box;
    border:0;
    border-radius:12px;
    background:#000;
    color:#fff!important;
    text-decoration:none!important;
    font-size:18px;
    font-weight:700;
    line-height:1.1;
    cursor:pointer
}
.yandexauth-doc-button:hover{
    opacity:.92;
    color:#fff!important;
    text-decoration:none!important
}
.yandexauth-doc-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#fc3f1d;
    color:#fff;
    font-family:Arial,sans-serif;
    font-size:21px;
    font-weight:700;
    line-height:1
}
.yandexauth-doc-text{
    display:inline-block;
    white-space:nowrap
}
@media (max-width:480px){
.yandexauth-doc-button,
.yandexauth-doc-button:visited{
    max-width:100%;
    min-height:44px;
    border-radius:10px;
    gap:10px;
    padding:0 14px;
    font-size:16px
}
.yandexauth-doc-icon{
    width:26px;
    height:26px;
    font-size:18px
}
}
</style>
 
<script>
(function(){
    function textOnly(el){
        return (el && el.textContent ? el.textContent : '').replace(/\s+/g, ' ').trim();
    }
 
    function hideInstantCmsSocialTitle(){
        var yandexBlock = document.querySelector('.yandexauth-doc-block[data-yandexauth-block="1"]');
        if (!yandexBlock) { return; }
 
        var badTexts = {
            'или': true,
            'Войдите через': true,
            'или Войдите через': true
        };
 
        var box = yandexBlock.closest('form') ||
                  yandexBlock.closest('.modal') ||
                  yandexBlock.closest('.modal-content') ||
                  yandexBlock.closest('.window') ||
                  yandexBlock.closest('.icms-modal') ||
                  yandexBlock.parentNode ||
                  document.body;
 
        if (!box) { return; }
 
        var nodes = box.querySelectorAll('h1,h2,h3,h4,h5,h6,div,p,span,b,strong,legend');
        for (var i = 0; i < nodes.length; i++) {
            var el = nodes[i];
 
            if (el.closest('.yandexauth-doc-block')) {
                continue;
            }
 
            var txt = textOnly(el);
 
            if (badTexts[txt]) {
                el.style.setProperty('display', 'none', 'important');
                el.setAttribute('data-yandexauth-hidden-instantcms-title', '1');
            }
        }
 
        // Отдельно убираем текстовый узел "или", если он выведен без тега.
        var walker = document.createTreeWalker(box, NodeFilter.SHOW_TEXT, null);
        var textNodes = [];
        while (walker.nextNode()) {
            textNodes.push(walker.currentNode);
        }
 
        for (var j = 0; j < textNodes.length; j++) {
            var n = textNodes[j];
            if (n.parentNode && n.parentNode.closest && n.parentNode.closest('.yandexauth-doc-block')) {
                continue;
            }
            if ((n.nodeValue || '').replace(/\s+/g, ' ').trim() === 'или') {
                n.nodeValue = '';
            }
        }
    }
 
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', hideInstantCmsSocialTitle);
    } else {
        hideInstantCmsSocialTitle();
    }
 
    setTimeout(hideInstantCmsSocialTitle, 100);
    setTimeout(hideInstantCmsSocialTitle, 500);
    setTimeout(hideInstantCmsSocialTitle, 1000);
 
    if (window.MutationObserver) {
        new MutationObserver(hideInstantCmsSocialTitle).observe(document.documentElement, {
            childList: true,
            subtree: true
        });
    }
})();
</script>
 
 
<div class="yandexauth-doc-block yandexauth-build-41" data-yandexauth-block="1">
    <div class="yandexauth-doc-separator">
        <span></span>
        <b>или</b>
        <span></span>
    </div>
    <a class="yandexauth-doc-button" href="<?php echo html($auth_url); ?>" rel="nofollow">
        <span class="yandexauth-doc-icon">Я</span>
        <span class="yandexauth-doc-text"><?php echo html($text); ?></span>
    </a>
</div>