.rd-direct-docs{
  margin:2rem 34px 2.2rem;
  padding:1.5rem;
  border-radius:30px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 22px 58px rgba(5,39,67,.10);
  backdrop-filter:blur(16px);
}

html[data-rd-effective-theme="dark"] .rd-direct-docs{
  background:rgba(10,24,42,.84);
  border-color:rgba(255,255,255,.10);
}

.rd-direct-docs-intro{
  max-width:760px;
  margin:-.6rem auto 1.2rem;
  text-align:center;
  color:var(--rd-muted,#45627a);
  line-height:1.6;
  font-weight:700;
}

.rd-direct-doc-card,
.rd-direct-doc-card:link,
.rd-direct-doc-card:visited{
  text-decoration:none;
  color:inherit;
}

.rd-direct-doc-source{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:.45rem;
  padding:.35rem .6rem;
  border-radius:999px;
  background:rgba(200,145,49,.14);
  color:#9c6817;
  font-weight:900;
  font-size:.78rem;
}

.rd-direct-doc-button{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  margin-top:.8rem;
  padding:.72rem .95rem;
  border-radius:999px;
  background:linear-gradient(135deg,#0b4d80,#062e53);
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:900;
}

@media(max-width:860px){
  .rd-direct-docs{
    margin:1.5rem 18px 2rem;
    padding:1rem;
    border-radius:24px;
  }

  .rd-direct-doc-card{
    min-height:auto;
  }
}