﻿@charset "UTF-8";
/* CSS Document */

    
            /* MIRAI — Back-to-top progress ring (safe add-on) */
            .btn-back-to-top{ position: relative; }
            .btn-back-to-top .bt2t-progress{
                position:absolute;
                inset:0;
                display:grid;
                place-items:center;
                pointer-events:none;
            }
            .btn-back-to-top .bt2t-ring{
                width:100%;
                height:100%;
                transform: rotate(-90deg);
            }
            .btn-back-to-top .bt2t-track{
                fill:none;
                stroke: rgba(255,255,255,0.18);
                stroke-width: 3.5;
            }
            .btn-back-to-top .bt2t-bar{
                fill:none;
                stroke: rgba(140, 60, 255, 0.95);
                stroke-width: 3.5;
                stroke-linecap: round;
                stroke-dasharray: 126;
                stroke-dashoffset: 126;
            }
            /* % yazısı ikonun merkezinde */
            .btn-back-to-top .bt2t-percent{
                position:absolute;
                inset:0;
                display:grid;
                place-items:center;
                font-size: 11px;
                font-weight: 700;
                line-height: 1;
                color: rgba(255,255,255,0.88);
                z-index: 3; /* okun üstünde kalsın */
                text-shadow: 0 1px 2px rgba(0,0,0,0.65);
            }
            /* ok ikonunu ring'in üstüne al */
            .btn-back-to-top > img{
                position: relative;
                z-index: 2;
                opacity: 0; /* varsayılan: yüzde görünür */
                transition: opacity .15s ease;
            }
            .btn-back-to-top:hover > img{ opacity: 1; }
            .btn-back-to-top .bt2t-percent{ transition: opacity .15s ease; }
            .btn-back-to-top:hover .bt2t-percent{ opacity: 0; }
