@import '../settings/variables';
@import '../utilities/utils';
@import '../tools/mixins/position';

.c-icon-button {
  $size: 2.5em;
  background-color: $color-background;
  box-shadow: 0 0.25em 1em $color-shadow;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  height: $size;
  position: relative;
  width: $size;
  color: $color-secondary-dark;

  &__icon {
    @include absolute(50%, auto, auto, 50%);
    transform: translate(-50%, -50%);
  }
}