/* Final cache-busted pill-button refinement. */

.service-visual--portfolio { min-height: 600px; gap: 24px; padding: 60px 24px 28px; }
.service-visual--social.service-visual--portfolio { min-height: 690px; }
.service-visual--local.service-visual--portfolio { min-height: 620px; }
.service-visual--video.service-visual--portfolio { min-height: 560px; }

.visual-portfolio-button {
  position: relative;
  z-index: 4;
  min-height: 54px;
  max-width: min(330px, calc(100% - 20px));
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  padding: .85rem 1.55rem;
  border: 1px solid rgba(83,67,43,.48);
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  box-shadow: none;
  color: #4e402d;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .075em;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  transition: transform .25s ease, border-color .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
}
.visual-portfolio-button b { font-size: 1rem; font-weight: 500; line-height: 1; transition: transform .2s ease; }
.visual-portfolio-button:hover {
  transform: translateY(-2px) scale(1.035);
  border-color: #c49a49;
  background: linear-gradient(135deg, #efd9a3, #c49a49);
  box-shadow: 0 13px 28px rgba(91,67,29,.2);
  color: #2b2419;
}
.visual-portfolio-button:hover b { transform: translateX(3px); }
.visual-portfolio-button--dark { border-color: rgba(255,255,255,.55); color: rgba(255,255,255,.9); background: transparent; }
.visual-portfolio-button--dark:hover { border-color: #d8b66f; color: #2b2419; }

@media (max-width: 560px) {
  .service-visual--portfolio { min-height: 500px; gap: 18px; padding: 54px 16px 24px; }
  .service-visual--social.service-visual--portfolio { min-height: 610px; }
  .service-visual--local.service-visual--portfolio { min-height: 520px; }
  .service-visual--video.service-visual--portfolio { min-height: 460px; }
  .visual-portfolio-button { min-height: 50px; padding: .75rem 1.15rem; font-size: .58rem; }
}

