<div class="return-policy-box">

  <div class="return-policy-header">
    <h3>Return Policy</h3>
  </div>

  <div class="return-policy-content">
    <p>
      On your first purchase of 50ml or 100ml perfume bottle, you get the
      website-exclusive privilege of trying the perfume for a week before
      deciding if you wish to keep it or return for a no-questions-asked free
      replacement/refund. T&C applied.
    </p>

    <a href="#" class="return-policy-read-more">Read More</a>
  </div>

</div><style>/* ================================
   RETURN POLICY BOX
================================ */

.return-policy-box {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #dedede;
  border-radius: 6px;
  background: #ffffff;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
}

/* Header */
.return-policy-header {
  padding: 21px 38px 20px 38px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.return-policy-header h3 {
  margin: 0;
  padding: 0;
  color: #111111;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

/* Small black line under heading */
.return-policy-header::after {
  content: "";
  position: absolute;
  left: 38px;
  bottom: -1px;
  width: 47px;
  height: 2px;
  background: #111111;
}

/* Content */
.return-policy-content {
  padding: 34px 36px 37px 36px;
}

.return-policy-content p {
  margin: 0 0 6px 0;
  color: #888888;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0;
}

/* Read More */
.return-policy-read-more {
  display: inline-block;
  color: #888888;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s ease;
}

.return-policy-read-more:hover {
  color: #111111;
}


/* ================================
   TABLET
================================ */

@media (max-width: 768px) {

  .return-policy-header {
    padding: 19px 25px 18px 25px;
  }

  .return-policy-header::after {
    left: 25px;
  }

  .return-policy-content {
    padding: 27px 24px 30px 24px;
  }

  .return-policy-content p {
    font-size: 14px;
    line-height: 1.65;
  }

}


/* ================================
   MOBILE
================================ */

@media (max-width: 480px) {

  .return-policy-box {
    border-radius: 5px;
  }

  .return-policy-header {
    padding: 17px 20px 16px 20px;
  }

  .return-policy-header h3 {
    font-size: 16px;
  }

  .return-policy-header::after {
    left: 20px;
    width: 40px;
  }

  .return-policy-content {
    padding: 24px 20px 27px 20px;
  }

  .return-policy-content p {
    font-size: 13px;
    line-height: 1.7;
  }

  .return-policy-read-more {
    font-size: 13px;
  }

}</style>