#v-pills-settings .download_buttons {
  display: flex;
  gap: 24px;
  margin-top: 1rem;
}

#v-pills-settings .download_buttons a {
  text-decoration: none;
  flex: 1;
  color: inherit;
  display: block;
}

/* ------------------------------------------------------------------
   portfolio_detail_.html places download tiles inside `.side-pill-tab`
   but *outside* the `#v-pills-settings` tab-pane, so we need this scope.
------------------------------------------------------------------- */
.side-pill-tab .download_buttons {
  display: flex;
  gap: 24px;
  margin-top: 1rem;
}

.side-pill-tab .download_buttons a {
  text-decoration: none;
  flex: 1;
  color: inherit;
  display: block;
}

.side-pill-tab .grey_btn {
  border-radius: 8px;
  background: var(--Grey-100, #F2F4F7);
  display: flex;
  padding: 14px 16px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}

.side-pill-tab .black_btn {
  border-radius: 8px;
  background: #000000;
  display: flex;
  padding: 14px 16px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}

.side-pill-tab .grey_btn div,
.side-pill-tab .black_btn div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.side-pill-tab .grey_btn div p,
.side-pill-tab .black_btn div p {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

.side-pill-tab .grey_btn div p:first-child {
  color: var(--Grey-900, #101828);
}

.side-pill-tab .grey_btn div p:last-child {
  color: var(--Grey-400);
}

.side-pill-tab .black_btn div p:first-child {
  color: #fff;
}

.side-pill-tab .black_btn div p:last-child {
  color: var(--Grey-400);
}

.side-pill-tab .black_btn img {
  filter: invert(1);
}

@media (max-width: 767px) {
  .side-pill-tab .download_buttons {
    flex-direction: column;
  }
}

#v-pills-settings .download_buttons a {
  text-decoration: none;
  flex: 1;
  color: inherit;
  display: block;
}

#v-pills-settings .grey_btn {
  border-radius: 8px;
  background: var(--Grey-100, #F2F4F7);
  display: flex;
  padding: 14px 16px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}

#v-pills-settings .black_btn {
  border-radius: 8px;
  background: #000000;
  display: flex;
  padding: 14px 16px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}

#v-pills-settings .grey_btn div,
#v-pills-settings .black_btn div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#v-pills-settings .grey_btn div p,
#v-pills-settings .black_btn div p {
  
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

#v-pills-settings .grey_btn div p:first-child {
  color: var(--Grey-900, #101828);
}

#v-pills-settings .black_btn div p:first-child {
  color: white;
}

#v-pills-settings .black_btn div p:last-child,
#v-pills-settings .grey_btn div p:last-child {
  color: var(--Grey-400);
}

#v-pills-settings .black_btn:hover,
#v-pills-settings .black_btn:active,
#v-pills-settings .grey_btn:hover,
#v-pills-settings .grey_btn:active {
  background-color: #101828;
  color: white;
}

#v-pills-settings .black_btn:hover p,
#v-pills-settings .grey_btn:hover p {
  color: white;
}

#v-pills-settings .black_btn:hover img,
#v-pills-settings .grey_btn:hover img {
  filter: invert(1);
}

#v-pills-settings .grey_btn:hover div p:first-child {
  color: white !important;
}

/* On narrow screens, stack the tiles instead of squeezing them side-by-side */
@media (max-width: 767px) {
  #v-pills-settings .download_buttons {
    flex-direction: column;
  }
}

.portfolio-detail-mobile .download_buttons {
  gap: 24px;
  display: flex;
  flex-direction: column;
  padding: 35px;
}

.accordion_section .download_buttons {
  gap: 24px;
  display: flex;
  flex-direction: column;
  padding: 35px;
}

.portfolio-detail-mobile .download_buttons a,
.accordion_section .download_buttons a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.portfolio-detail-mobile .grey_btn {
  border-radius: 8px;
  background: var(--Grey-100, #F2F4F7);
  display: flex;
  padding: 14px 20px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}

.accordion_section .grey_btn {
  border-radius: 8px;
  background: var(--Grey-100, #F2F4F7);
  display: flex;
  padding: 14px 20px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}

.portfolio-detail-mobile .grey_btn div,
.portfolio-detail-mobile .black_btn div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accordion_section .grey_btn div,
.accordion_section .black_btn div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.portfolio-detail-mobile .grey_btn div p,
.portfolio-detail-mobile .black_btn div p {
  
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

.accordion_section .grey_btn div p,
.accordion_section .black_btn div p {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

.portfolio-detail-mobile .grey_btn div p:first-child {
  color: var(--Grey-900, #101828);
}

.accordion_section .grey_btn div p:first-child {
  color: var(--Grey-900, #101828);
}

.portfolio-detail-mobile .grey_btn div p:last-child {
  color: var(--Grey-600, #475467);
}

.accordion_section .grey_btn div p:last-child {
  color: var(--Grey-600, #475467);
}

.portfolio-detail-mobile .black_btn {
  border-radius: 8px;
  background: #000000;
  display: flex;
  padding: 14px 20px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}

.accordion_section .black_btn {
  border-radius: 8px;
  background: #000000;
  display: flex;
  padding: 14px 20px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}

.portfolio-detail-mobile .black_btn div p:first-child {
  color: white;
}

.accordion_section .black_btn div p:first-child {
  color: white;
}

.portfolio-detail-mobile .black_btn div p:last-child {
  color: var(--Grey-400);
}

.accordion_section .black_btn div p:last-child {
  color: var(--Grey-400);
}

.portfolio-detail-mobile .black_btn img {
  filter: invert(1);
}

.accordion_section .black_btn img {
  filter: invert(1);
}

.main-section-individual-pms .download_buttons {
  display: flex;
  gap: 24px;
  margin-top: 1rem;
}

.main-section-individual-pms .download_buttons a {
  text-decoration: none;
  flex: 1;
}

.main-section-individual-pms .grey_btn {
  border-radius: 8px;
  background: rgba(29, 41, 57, 1);
  display: flex;
  padding: 14px 16px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.main-section-individual-pms .grey_btn div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.main-section-individual-pms .grey_btn div p {
  
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

.main-section-individual-pms .grey_btn div p:first-child {
  color: white;
}

.main-section-individual-pms .grey_btn div p:last-child {
  color: var(--Grey-400);
}

.main-section-individual-pms .grey_btn:hover {
  background: rgba(52, 64, 84, 1);
  border-color: rgba(255, 255, 255, 0.2);
}

.main-section-individual-pms .grey_btn img,
.main-section-individual-pms .grey_btn i {
  color: var(--Grey-400);
}

.main-section-individual-pms .grey_btn:hover img,
.main-section-individual-pms .grey_btn:hover i {
  color: white;
}