/* The original read-more label was a non-interactive wrapper pseudo-element. */
body.page-id-247 #brx-content .content-wrapper::after {
  content: none !important;
  display: none !important;
}

body.page-id-247 #brx-content .content-wrapper {
  padding-bottom: 88px;
}

body.page-id-247 #brx-content .content-wrapper h3 a {
  position: static;
}

body.page-id-247 #brx-content .content-wrapper h3 a::after {
  content: "อ่านบทความ  →";
  position: absolute;
  right: 24px;
  bottom: 24px;
  left: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #e86f35;
  border-radius: 6px;
  background: #ff8452;
  color: #152f2a;
  font-family: "LINE Seed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

body.page-id-247 #brx-content .content-wrapper h3 a:hover::after {
  border-color: #174d43;
  background: #174d43;
  color: #fff;
}

body.page-id-247 #brx-content .content-wrapper h3 a:focus-visible::after {
  outline: 3px solid #174d43;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  body.page-id-247 #brx-content .content-wrapper {
    padding-bottom: 82px;
  }

  body.page-id-247 #brx-content .content-wrapper h3 a::after {
    right: 20px;
    bottom: 20px;
    left: 20px;
  }
}