/* BUTTON 1 */

.btn1 a,
.btn1 a:link,
.btn1 a:visited,
.btn1 button {
  display: inline-flex;
  font-size: inherit;
  border-radius: var(--radius-full);
  border: 1px solid var(--clr-border-grey);
  padding: 1.2rem 2.4rem;
  font-weight: 500 !important;
  font-size: var(--text-m) !important;
  line-height: 1 !important;
}

.btn-primary a,
.btn-primary a:link,
.btn-primary a:visited {
  background-color: var(--clr-bg-primary);
  color: var(--clr-text-light) !important;
}

.btn-primary a:hover,
.btn-primary a:active {
  background-color: var(--clr-bg-primary-l-1);
  color: var(--clr-text-light) !important;
}

.btn-secondary a:link,
.btn-secondary a:visited {
  background-color: var(--clr-bg-secondary);
  color: var(--clr-text-light) !important;
}

.btn-secondary a:hover,
.btn-secondary a:active {
  background-color: var(--clr-bg-secondary-l-1);
  color: var(--clr-text-light) !important;
}

.btn-accent1 a,
.btn-accent1 a:link,
.btn-accent1 a:visited {
  background-color: var(--clr-bg-accent1);
  color: var(--clr-text-body) !important;
}

.btn-accent1 a:hover,
.btn-accent1 a:active {
  background-color: var(--clr-bg-accent1);
  color: var(--clr-text-body) !important;
}

.btn-light a:link,
.btn-light a:visited {
  background-color: var(--clr-bg-light);
  color: var(--clr-text-body) !important;
}

.btn-light a:hover,
.btn-light a:active {
  background-color: var(--clr-bg-dark);
  color: var(--clr-text-light) !important;
}

/* BUTTON 2 */

.btn2 a:link,
.btn2 a:visited {
  display: inline-flex;
  background-color: var(--clr-bg-primary);
  color: var(--clr-light);
  font-size: inherit;
  border-radius: var(--radius-xs);
  padding: 1rem 2rem;
  font-weight: 600;
  border: 1px solid var(--clr-dark);
  text-shadow: 0px 0px 2px #616161;
  line-height: 1;
}
.btn2 a:hover,
.btn2 a:active {
  background-color: var(--clr-bg-accent);
  color: var(--clr-light);
}

/* BUTTON 3 */

.btn3 a:link,
.btn3 a:visited {
  display: inline-flex;
  background-color: var(--clr-bg-accent);
  color: var(--light);
  font-size: inherit;
  border-radius: var(--radius-xs);
  padding: 1rem 2rem;
  border: solid 1px var(--clr-light);
  font-weight: 600;
  line-height: 1;
}

/* BUTTON 4 */

.btn4 a:link,
.btn4 a:visited {
  display: inline-flex;
  background-color: transparent;
  color: var(--clr-text-body);
  font-size: inherit;
  padding: 0;
  line-height: 1;
}

/* READ MORE */

.read-more-container .limited-text {
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: calc(1.2em * 5); /* Adjust the multiplier (3) for the number of lines */
  margin: 0;
}

.read-more-container.show-full .limited-text {
  line-clamp: unset; /* Remove line-clamp when showing full text */
  -webkit-line-clamp: unset;
  max-height: none;
}

.read-more-btn {
  color: var(--clr-text-primary);
  cursor: pointer;
}