.homepage-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  padding: 14px 24px;
  border-radius: var(--tm-button-radius, var(--tm-radius-sm, 8px));
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(23, 32, 51, 0.16);
}

.homepage-hero__button--primary {
  background-color: var(--tm-theme-primary-button);
  color: var(--tm-color-text-on-primary-button);
}

.homepage-hero__button--secondary {
  border: 1px solid rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  box-shadow: none;
}

.directory-city-link:hover {
  border-color: var(--tm-theme-primary);
  color: var(--tm-theme-primary);
}

.directory-city-link {
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid var(--tm-color-border);
  border-radius: var(--tm-radius-sm);
  background-color: var(--tm-color-surface);
  color: var(--tm-color-text);
  font-weight: 600;
}

.central-column__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: var(--tm-button-radius, var(--tm-radius-sm, 8px));
  background-color: var(--tm-theme-primary-button);
  color: var(--tm-color-text-on-primary-button);
  font-weight: 600;
}

.central-column__button:hover {
  background-color: var(--tm-theme-secondary-button);
  color: var(--tm-color-text-on-secondary-button);
  transform: translateY(-1px);
}

.two-box-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border-radius: var(--tm-button-radius, var(--tm-radius-sm, 8px));
  font-weight: 700;
}