.top_ad_bt { display: flex; flex-wrap: nowrap; gap: 3px; align-items: center; }
.vp-nav-btn {
box-sizing: border-box;
flex: 1 1 auto; min-width: 0; max-width: 105px; height: 24px; line-height: 22px;
margin: 0; padding: 0 2px 0 20px; background: linear-gradient(#ffffff 0%, #dcf0fa 14%, #c0e4f7 42%, #8fcdef 64%, #7dbfe9 82%, #9bd3f0 100%);
border: 1px solid #6db0cd; border-radius: 4px;
color: #15437c; font-size: 14px; font-weight: 900; letter-spacing: 1px;
text-shadow: 0.4px 0 0 currentColor; text-align: center; text-decoration: none;
white-space: nowrap; overflow: hidden; position: relative;
} .vp-nav-btn::before {
content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 17px;
background: linear-gradient(#b3ddf8 0%, #7cbdf3 50%, #61b5f5 100%);
border-right: 1px solid #e8f6ff;
}
.vp-nav-btn::after {
content: ""; position: absolute; left: 6px; top: 50%;
transform: translateY(-50%);
border-style: solid; border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #ffffff;
}
.vp-nav-btn:hover, .vp-nav-btn:focus { color: #0c3e78; filter: brightness(1.06); text-decoration: none; } .vp-nav-btn.vp-color-pink, .vp-nav-btn.vp-color-pink:hover { color: #f50082; }
.vp-nav-btn.vp-color-blue, .vp-nav-btn.vp-color-blue:hover { color: #0008ff; }
@media (max-width: 767px) {
.top_ad_bt { justify-content: center; }
.top_ad_bt .vp-nav-btn { padding-left: 12px; font-size: 12px; }
.top_ad_bt .vp-nav-btn.off_mobile { display: none; }
}