button {
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 12px 24px;
  border-radius: 4px;

  background-color: var(--bg-primary);
  box-shadow: var(--shadow-primary);

  &:hover {
    box-shadow: var(--shadow-secondary);
  }

  transition: box-shadow 0.4s;
}
