/* Botão "Mais projetos" da página inicial. */
.bpb {
  --bp-soft:#dedad1;
  --bp-text:#141d1f;
  --bp-gold:#9f8368;
  --bp-stroke:#d8d6d2;
  --bp-knob-arrow:#eeece8;
  background:transparent !important;
  font-family:"Borna","Bona","Poppins",Arial,sans-serif;
  display:flex;
  justify-content:center;
  width:100%;
  padding:0 !important;
  box-sizing:border-box;
}
html.bonsa-dark .bpb, body.bonsa-dark .bpb {
  --bp-soft:#1e2828;
  --bp-text:#eeece8;
  --bp-stroke:#252c2d;
}
.bpb * {
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent;
}
.bpb *:focus, .bpb *:focus-visible, .bpb *:active {
  outline:none !important;
  box-shadow:none !important;
}
.bpb a, .bpb a:hover, .bpb a:focus, .bpb a:visited {
  color:inherit !important;
  text-decoration:none !important;
}
.bpb [data-lang-pt], .bpb [data-lang-en] {
  transition:opacity .28s ease;
}
.bpb.bp-lang-busy [data-lang-pt], .bpb.bp-lang-busy [data-lang-en] {
  opacity:0 !important;
}
@keyframes bpb-rise{
  0%{opacity:0;transform:translateY(10px);filter:blur(4px)}
  100%{opacity:1;transform:translateY(0);filter:blur(0)}
}
.bpb-btn {
  opacity:0;
}
.bpb.is-in .bpb-btn {
  animation:bpb-rise .75s cubic-bezier(.4,0,.2,1) .2s forwards;
}
.bpb.is-out .bpb-btn {
  opacity:0 !important;
  transform:translateY(12px);
  filter:blur(6px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1),filter .5s ease;
}
.bpb-btn {
  --knob:52px;
  --pad:6px;
  --w-base:420px;
  --w-hover:452px;
  --slide:0px;
  position:relative;
  display:block;
  width:min(var(--w-base),100%);
  height:64px;
  min-height:64px;
  border-radius:50px;
  border:1px solid var(--bp-stroke);
  background:var(--bp-soft);
  overflow:hidden;
  isolation:isolate;
  transition:width .45s cubic-bezier(.2,.7,.2,1),background .9s ease,border-color .9s ease;
}
.bpb-fill {
  position:absolute;
  top:var(--pad);
  left:var(--pad);
  bottom:var(--pad);
  z-index:1;
  width:calc(var(--knob) + var(--slide));
  border-radius:50px;
  background:var(--bp-gold);
  opacity:.85;
  transition:width .55s cubic-bezier(.2,.7,.2,1),background .9s ease;
}
.bpb-knob {
  position:absolute;
  top:50%;
  left:var(--pad);
  z-index:3;
  width:var(--knob);
  height:var(--knob);
  margin-top:calc(var(--knob) / -2);
  border-radius:50%;
  background:var(--bp-gold);
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateX(var(--slide));
  transition:transform .55s cubic-bezier(.2,.7,.2,1),background .9s ease;
}
.bpb-knob svg {
  width:20px;
  height:20px;
  color:var(--bp-knob-arrow);
  display:block;
}
.bpb-txt {
  position:absolute;
  top:0;
  bottom:0;
  z-index:2;
  left:calc(var(--knob) + var(--pad) + var(--slide));
  right:var(--pad);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--bp-text);
  font-weight:600;
  font-size:14px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  pointer-events:none;
  transition:left .55s cubic-bezier(.2,.7,.2,1),opacity .3s ease,color .9s ease;
}
@media (hover:hover) {
  .bpb-btn:not(.is-going):hover {
    width:min(var(--w-hover),100%);
    --slide:26px;
  }
}
.bpb-btn.is-going {
  width:min(var(--w-hover),100%);
}
.bpb-btn.is-going .bpb-knob {
  transform:translateX(var(--bp-travel,360px));
  transition:transform .85s cubic-bezier(.33,.9,.28,1);
}
.bpb-btn.is-going .bpb-fill {
  width:calc(100% - var(--pad) * 2);
  transition:width .85s cubic-bezier(.33,.9,.28,1);
}
.bpb-btn.is-going .bpb-txt {
  opacity:0;
}
@media (max-width:768px) {
  .bpb {
    padding:0 22px !important;
  }
  .bpb-btn {
    width:100%;
    height:62px;
    --knob:48px;
  }
  .bpb-btn:not(.is-going):hover {
    width:100%;
  }
  .bpb-txt {
    font-size:13px;
  }
}
@media (max-width:380px) {
  .bpb {
    padding:0 16px !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  .bpb * {
    animation:none !important;
    transition:none !important;
  }
  .bpb-btn {
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}