Simple react spinner with styled components

Spinner.js

import styled, { keyframes } from 'styled-components'

const rotate = keyframes`
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
`

const Spinner = styled.div`
  width: 16px;
  height: 16px;
  clear: both;
  margin: 20px auto;
  border: 2px rgba(0, 0, 0, 0.25) solid;
  border-top: 2px rgba(0, 0, 0, 1) solid;
  border-radius: 50%;
  -webkit-animation: ${rotate} .6s infinite linear;
  animation: ${rotate} .6s infinite linear;
`

export default Spinner