/* Shared project-page button styling.
   Applied after per-project stylesheets so it can normalize legacy button rules. */

.button-row .btn {
  align-items: center;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1.5px solid #c8d2df !important;
  border-radius: 11px;
  box-shadow: 0 8px 18px rgba(17, 35, 68, 0.06);
  color: #5c6779 !important;
  display: inline-flex;
  gap: 10px;
  min-width: 0;
  padding: 10px 15px;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.button-row .btn:hover {
  background: #ffffff !important;
  border-color: #aeb9c8 !important;
  box-shadow: 0 10px 22px rgba(17, 35, 68, 0.1);
  color: #364152 !important;
  text-decoration: none;
}

.button-row .btn .btn-icon {
  align-items: center;
  color: currentColor;
  display: inline-flex;
  flex: 0 0 1rem;
  height: 1rem;
  justify-content: center;
  width: 1rem;
}

.button-row .btn .btn-icon svg {
  display: block;
  fill: none;
  height: 100%;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 100%;
}

.button-row .btn span {
  font-weight: 700;
  letter-spacing: 0.01em;
}

@media (max-width: 560px) {
  .button-row .btn {
    justify-content: center;
    width: 100%;
  }
}