.jsaclim-social-lite{
  --jsaclim-social-blue:#075f92;
  --jsaclim-social-navy:#06324f;
  --jsaclim-social-line:#d9e9f5;
  display:flex;
  flex-direction:column;
  gap:14px;
  color:var(--jsaclim-social-navy);
}

.jsaclim-social-lite__head{
  display:flex;
  align-items:center;
  gap:12px;
}

.jsaclim-social-lite__icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:#1877f2;
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:28px;
  font-weight:900;
  line-height:1;
}

.jsaclim-social-lite__heading{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.jsaclim-social-lite__title{
  margin:0;
  color:var(--jsaclim-social-navy);
  font-size:1rem;
  line-height:1.18;
}

.jsaclim-social-lite__badge,
.jsaclim-social-lite__date{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 9px;
  border-radius:999px;
  background:#edf7ff;
  color:var(--jsaclim-social-blue);
  font-size:.72rem;
  font-weight:900;
  line-height:1;
}

.jsaclim-social-lite__intro,
.jsaclim-social-lite__update p{
  margin:0;
  color:#31536b;
  font-size:.92rem;
  line-height:1.55;
}

.jsaclim-social-lite__update{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:13px;
  border:1px solid var(--jsaclim-social-line);
  border-radius:12px;
  background:#f8fcff;
}

.jsaclim-social-lite__button{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 13px;
  border-radius:10px;
  background:linear-gradient(180deg,var(--jsaclim-social-blue),#064c75);
  color:#fff!important;
  font-size:.88rem;
  font-weight:900;
  line-height:1.1;
  text-decoration:none!important;
  box-shadow:0 10px 22px rgba(7,95,146,.16);
}

.jsaclim-social-lite__button:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(7,95,146,.22);
}

.jsaclim-light-social-widget .jsa-widget-title + .jsaclim-social-lite .screen-reader-text + .jsaclim-social-lite__badge{
  margin-top:0;
}

@media (max-width:680px){
  .jsaclim-social-lite__intro,
  .jsaclim-social-lite__update p{
    text-align:left;
  }
}