.vssp-share{
  margin:1rem 0;
}

.vssp-primary-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.55rem .75rem;
}

.vssp-heading{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin:0;
  color:#2c2c2c;
  font-size:1rem;
  font-weight:600;
  line-height:1.3;
}

.vssp-heading-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.15rem;
  height:1.15rem;
  flex:0 0 1.15rem;
  color:#f58220;
}

.vssp-heading-icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.vssp-native,
.vssp-fallback button,
.vssp-fallback a{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.45rem .7rem;
  border:1px solid #d9dde1;
  border-radius:5px;
  background:#fff;
  color:#333;
  text-decoration:none;
  cursor:pointer;
  transition:border-color .25s ease,color .25s ease,background-color .25s ease;
}

.vssp-native:hover,
.vssp-native:focus-visible,
.vssp-fallback button:hover,
.vssp-fallback button:focus-visible,
.vssp-fallback a:hover,
.vssp-fallback a:focus-visible{
  border-color:#f58220;
  color:#f58220;
  background:#fff;
  text-decoration:none;
}

.vssp-native:focus-visible,
.vssp-fallback button:focus-visible,
.vssp-fallback a:focus-visible{
  outline:2px solid rgba(245,130,32,.25);
  outline-offset:2px;
}

.vssp-button-icon{
  line-height:1;
}

.vssp-fallback{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:.5rem;
}

.vssp-fallback[hidden]{
  display:none;
}

.vssp-status{
  margin-left:.5rem;
  font-size:.85rem;
  color:#477d3b;
}

@media (max-width: 767px){
  .vssp-primary-row{
    align-items:flex-start;
  }
}