sentry/static/app/components/organizations/backToIssues.tsx

import {Link} from 'react-router';
import styled from '@emotion/styled';

import space from 'app/styles/space';

const BackToIssues = styled(Link)`
  display: flex;
  width: ${space(1.5)};
  height: ${space(1.5)};
  align-items: center;
  justify-content: center;

  box-sizing: content-box;
  padding: ${space(1)};
  border-radius: 50%;

  color: ${p => p.theme.textColor};
  background: ${p => p.theme.backgroundSecondary};
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  z-index: 1;

  &:hover {
    background: ${p => p.theme.background};
    transform: scale(1.125);
  }
`;

export default BackToIssues;