@import '~@gemsorg/uikit/colors'
@import '~@gemsorg/uikit/font'

.button
  box-sizing: border-box;
  position: relative;

  height: 38px
  width: 38px

  display: flex;
  align-items: center;
  justify-content: center;

  background-color: color-pink
  border-radius: 2px

  cursor: pointer;
  outline: none

  &:hover
    background-color: color-pink-light

.icon
  display: block;
  content: ' '
  box-sizing: border-box;

  width: 16px;
  height: 16px;
  border-color: transparent transparent transparent color-white;

  transition: 100ms all ease;
  will-change: border-width;

  border-style: solid;
  border-width: 8px 0px 8px 16px;

.pause
  border-style: double;
  border-width: 0px 0 0px 14px;