.services-page .control-buttons {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.services-page .control-button,
.services-page #edit-submit {
  min-width: 100px;
  padding: 23px;
  border: 1px solid white;
  border-radius: 45px;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  font-size: 18px;
  line-height: 1;
}

.control-button, #edit-submit {
  min-width: 100px;
  padding: 23px;
  border: 1px solid white;
  border-radius: 45px;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  font-size: 18px;
  line-height: 1;
}
.sec-button--primary, .sec-button--secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sec-space-2, 0.5rem);
  border-radius: var(--sec-radius-pill, 999px);
  padding: 10px 18px;
  border: 1px solid white;
}
.sec-button--primary { background: rgb(255 255 255 / 40%); }
.sec-button--secondary { background: transparent; }

/* Shared, quiet feedback for the site's pill actions. */
:is(.layout-container .control-button, [class*="sec-button--"], .news-button, .news-link, .clear-filter-button, .join-newsletter-link, .read-more-link, .navigation-bar .menu-item:nth-of-type(8) a) {
  transition: translate 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  :is(.layout-container .control-button, [class*="sec-button--"], .news-link, .clear-filter-button, .join-newsletter-link, .read-more-link, .navigation-bar .menu-item:nth-of-type(8) a):hover,
  .news-card:hover .news-button {
    translate: 0 -3px;
    background-color: rgb(255 255 255 / 70%);
    box-shadow: 0 8px 20px rgb(122 111 185 / 16%);
  }
}
:is(.layout-container .control-button, [class*="sec-button--"], .news-link, .clear-filter-button, .join-newsletter-link, .read-more-link):focus-visible,
.news-card:focus-visible .news-button {
  background-color: rgb(255 255 255 / 70%);
  box-shadow: 0 0 0 3px rgb(122 111 185 / 20%);
}

@media (max-width: 769px) {
  .layout-container :is([class*="sec-button--"], .news-button, .news-link, .clear-filter-button, .join-newsletter-link, .read-more-link, .cta-button) {
    padding: 12px 18px;
    font-size: 15px;
    line-height: 1.3333;
    min-height: 44px;
    max-width: 100%;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .layout-container main :is(.control-button, [class*="sec-button--"], .news-button, .news-link, .clear-filter-button, .read-more-link, .cta-button),
  .layout-container main form[data-sec-form] :is(input[type="submit"], button[type="submit"]),
  .layout-container .join-newsletter-link {
    font-size: 15px;
    line-height: 1.3;
    padding: 12px 18px;
    min-height: 44px;
  }
}