👻 Ghost Button

<button class="btn btn-ghost">Ghost</button>

.btn-ghost {
  background: transparent;
  color: #a0a0b0;
  border: none;
}

.btn-ghost:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

<button class="btn btn-ghost-underline">Подробнее →</button>

.btn-ghost-underline {
  background: transparent;
  color: #4facfe;
  border: none;
  padding: 8px 0;
  position: relative;
}

.btn-ghost-underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #4facfe;
  transition: width 0.3s ease;
}

.btn-ghost-underline:hover::after {
  width: 100%;
}