@charset "UTF-8";

.dp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--dp-s3);
  min-height: 52px;
  padding: var(--dp-s3) var(--dp-s6);
  border: 1px solid transparent;
  border-radius: var(--dp-r-sm);
  font-size: var(--wp--preset--font-size--base);
  font-weight: 700;
  text-decoration: none;
  transition: background var(--dp-dur) var(--dp-ease),
              color      var(--dp-dur) var(--dp-ease),
              border     var(--dp-dur) var(--dp-ease);
}

.dp-btn--primary {
  background: var(--dp-accent-d);
  color: #fff;
}
.dp-btn--primary:hover { background: var(--dp-accent); color: #fff; }

.dp-btn--secondary {
  border-color: currentColor;
  color: var(--dp-ink);
}
.dp-btn--secondary:hover {
  background: var(--dp-ink);
  color: #fff;
}

.dp-hero .dp-btn--secondary { color: #fff; }
.dp-hero .dp-btn--secondary:hover { background: #fff; color: var(--dp-ink); }

.dp-btn--text {
  min-height: 0;
  padding: 0;
  color: var(--dp-accent-d);
}
.dp-btn--text:hover { color: var(--dp-accent); }

.dp-btn--hero-primary {
  background: #fff;
  color: var(--dp-ink);
}
.dp-btn--hero-primary:hover {
  background: var(--dp-accent-l);
  color: var(--dp-ink);
}

.dp-btn--line {
  background: #06C755;
  color: #fff;
}
.dp-btn--line:hover {
  background: #05B04B;
  color: #fff;
}

.dp-btn__arrow { transition: transform var(--dp-dur) var(--dp-ease); }
.dp-btn:hover .dp-btn__arrow { transform: translateX(3px); }