.cms_hb3_box {
    --hb3RValue: calc(calc(calc(100% - 1630px) / 2) + 30px);
    position: absolute;
    z-index: 12;
    top: 255px;
    right: max(30px,var(--hb3RValue));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 164px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: rgba(238, 247, 249, 0.74);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    transition: var(--transition);
    will-change: transform;
}
.cms_hb3_box:hover { transform: rotate(8deg); }
.cms_hb3_box > .full_article_link { border-radius: 50%; }
.cms_hb3_text { max-width: 140px; width: 100%; color: var(--primary); text-align: center; }
@media screen and (max-width: 959px) {
    .cms_hb3_box { top: 150px; width: 130px; }
    .cms_hb3_text { max-width: 105px; }
}
@media screen and (max-width: 959px) {
    .cms_hb3_box { top: 190px; right: auto; left: calc(50% + 60px); transform: translateX(-50%); }
    .cms_hb3_box:hover { transform: translateX(-50%) rotate(8deg); }
}