/* ==========================================
   RECIPE SHARE V1
   ========================================== */

.recipe-share-button {
  min-height: 56px;

  border: 0;
  border-radius: 18px;

  padding: 0 20px;

  background: var(--surface-soft);
  color: var(--text);

  box-shadow: var(--shadow);

  font-size: 16px;
  font-weight: 900;

  cursor: pointer;

  transition:
    transform .12s ease,
    opacity .12s ease;
}

.recipe-share-button:hover {
  transform:
    translateY(-1px);
}

.recipe-share-button:active {
  transform:
    scale(.98);
}


@media (max-width: 650px) {
  .recipe-share-button {
    width: 100%;
  }
}