import r from"styled-components";const p=r.div`
  display: inline-flex;
  position: relative;
  cursor: pointer;
  padding: var(--spacing-xs);
  margin: -9px 0;
  background: var(--bg-color);
  color: var(--text-color-primary);
  border: 1px solid var(--border-color-primary);
  box-shadow:
    0px 6px 12px -6px rgba(51, 51, 51, 0.12),
    0px 8px 24px -4px rgba(51, 51, 51, 0.08);
  border-radius: 32px;

  &:hover {
    border: 1px solid var(--text-color-primary);
  }

  &:active {
    box-shadow: none;
  }
`;export{p as ShadowButton};
