.hero-actions {
  gap: 12px;
}

.telegram-channel-button {
  border: 1px solid rgba(42, 171, 238, 0.38);
  background: rgba(42, 171, 238, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: #dff5ff;
}

.telegram-channel-button:hover {
  transform: translateY(-2px);
  border-color: rgba(42, 171, 238, 0.64);
  background: rgba(42, 171, 238, 0.16);
  box-shadow: 0 10px 28px rgba(42, 171, 238, 0.16);
}

.telegram-channel-button svg,
.telegram-channel-button .ui-pack-icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
  stroke: none;
}

@media (max-width: 560px) {
  .hero-actions {
    align-items: stretch;
  }

  .hero-actions .hero-button {
    flex: 1 1 100%;
  }
}