/* CARD ANIMATION */
.pbs-card-glass{
  animation:pbs-card-in .4s ease forwards;
}
.pbs-body{
  animation:pbs-body-in .5s ease forwards;
}

/* BUTTON EFFECT */
.pbs-btn-primary{
  position:relative;
  overflow:hidden;
}
.pbs-btn-primary::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 0% 0%,rgba(255,255,255,0.4),transparent 55%);
  opacity:0;
  transition:opacity .25s ease;
}
.pbs-btn-primary:hover::after{
  opacity:0.4;
}

/* INPUT FOCUS ANIMATION */
.pbs-input,
.pbs-select,
.pbs-textarea{
  position:relative;
}
.pbs-input:focus,
.pbs-select:focus,
.pbs-textarea:focus{
  animation:pbs-focus-pulse .25s ease;
}

/* KEYFRAMES */
@keyframes pbs-card-in{
  from{
    opacity:0;
    transform:translateY(12px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
@keyframes pbs-body-in{
  from{
    opacity:0;
  }
  to{
    opacity:1;
  }
}
@keyframes pbs-focus-pulse{
  0%{
    box-shadow:0 0 0 0 rgba(0,255,255,0.0);
  }
  50%{
    box-shadow:0 0 0 2px rgba(0,255,255,0.4);
  }
  100%{
    box-shadow:0 0 0 1px rgba(0,255,255,0.5);
  }
}