.vvgl-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:100%;max-width:380px;margin:14px 0;padding:12px 18px;
  border:1px solid #dadce0;border-radius:10px;background:#fff;
  color:#3c4043;font-size:15px;font-weight:600;line-height:1;
  text-decoration:none;box-sizing:border-box;
  transition:background .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.vvgl-btn:hover{background:#f7f8f8;border-color:#c9ccd1;box-shadow:0 1px 3px rgba(60,64,67,.16)}
.vvgl-btn:active{background:#f1f3f4}
.vvgl-btn .vvgl-g{flex:0 0 auto}
.vvgl-btn span{display:inline-block}

.vvgl-card{
  margin:0 0 22px;padding:18px 20px;
  border:1px solid #e6e8eb;border-radius:12px;background:#fbfcfd;
}
.vvgl-card h3{margin:0 0 8px;font-size:16px}
.vvgl-card p{margin:0 0 10px;font-size:14px;line-height:1.9;color:#4a5057}
.vvgl-card .vvgl-ok{color:#1d7a3e;font-weight:600}
.vvgl-card code{background:#eef1f4;padding:2px 6px;border-radius:5px;direction:ltr;display:inline-block}
.vvgl-unlink{font-size:13px;color:#b32d2e;text-decoration:underline}

.vvgl-notice{
  margin:0 0 18px;padding:13px 16px;border-radius:10px;
  font-size:14px;line-height:1.9;border:1px solid transparent;
}
.vvgl-info{background:#eef5ff;border-color:#c9dcf7;color:#1e4b8f}
.vvgl-ok{background:#eefaf1;border-color:#c4e9d1;color:#1d7a3e}
.vvgl-err{background:#fdeeee;border-color:#f3cdcd;color:#a52a2a}

@media (max-width:640px){
  .vvgl-btn{max-width:100%}
}