.gx-recommend{
  max-width:900px;
  margin:40px auto;
  padding:0 15px;
  font-family:Arial,Roboto,"Segoe UI",sans-serif;
}

.gx-recommend-title{
  font-size:22px;
  font-weight:700;
  color:#064e3b;
  margin:28px 0 18px;
}

.gx-recommend-card{
  display:flex;
  align-items:center;
  gap:14px;
  background:#ffffff;
  border-radius:12px;
  padding:16px;
  margin-bottom:12px;
  border:1px solid #bbf7d0;
}

.gx-recommend-icon{
  font-size:32px;
  flex-shrink:0;
}

.gx-recommend-content{
  flex:1;
}

.gx-recommend-content h4{
  font-size:16px;
  margin:0 0 4px;
  color:#064e3b;
}

.gx-recommend-content p{
  font-size:13px;
  margin:0;
  line-height:1.45;
  color:#065f46;
}

.gx-recommend-btn{
  background:#16a34a;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  padding:8px 16px;
  border-radius:999px;
  font-size:13px;
  font-weight:600;
  text-decoration:none !important;
  white-space:nowrap;
}

.gx-recommend-btn:hover{
  background:#0f7a38;
}

@media (max-width:600px){
  .gx-recommend-card{
    flex-direction:column;
    align-items:flex-start;
  }
  .gx-recommend-btn{
    margin-top:8px;
  }
}