/*
 * Legacy compatibility for Mochi Ruby Button 1.x only.
 * Version 2.x uses native <ruby><rt> markup and does not need CSS to display ruby.
 */
span.mochi-ruby[data-ruby] {
    position: relative;
    display: inline-block;
    padding-top: 0.62em;
    line-height: 1.25;
}

span.mochi-ruby[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.5em;
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: 0;
    pointer-events: none;
}