/* Кнопки (.btn-o — основная, .btn-g — вторичная) и пульсирующая точка .pdot */

.pdot {
  position: relative;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  flex-shrink: 0;
}

.pdot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--accent);
  animation: pls 2.4s ease-out infinite;
}

@keyframes pls {
  0% {
    transform: scale(1);
    opacity: .7;
  }
  80%,
  100% {
    transform: scale(3.2);
    opacity: 0;
  }
}

/* ——— кнопки ——— */
.btn-o {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  height: 58px;
  padding: 0 26px 0 28px;
  border-radius: 999px;
  border: 0;
  background: var(--accent);
  color: #0A0A0C;
  font: 500 16px/1 var(--f-body);
  text-decoration: none;
  cursor: pointer;
  transition: transform .3s var(--ease),box-shadow .4s,background .25s;
  box-shadow: 0 0 0 1px rgba(255,140,90,.5) inset;
  white-space: nowrap;
}

.btn-o:hover {
  transform: translateY(-2px);
  background: #FF5A14;
  box-shadow: 0 0 0 1px rgba(255,160,120,.6) inset,0 18px 50px -12px rgba(255,77,0,.75);
}

.btn-o svg {
  transition: transform .35s var(--ease);
}

.btn-o:hover svg {
  transform: translateX(3px);
}

.btn-g {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  padding: 0 28px;
  border-radius: 999px;
  color: #EEF0F3;
  text-decoration: none;
  font-size: 16px;
  border: 1px solid transparent;
  background: linear-gradient(#08090C,#08090C) padding-box,
    linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.14) 35%,rgba(255,255,255,.55) 62%,rgba(255,255,255,.12)) border-box;
  transition: transform .3s var(--ease);
  white-space: nowrap;
}

.btn-g:hover {
  transform: translateY(-2px);
}