.sq-link-block {
  max-width: 100%;
  width: 100%;
  display: block;
  margin-bottom: 15px;
  text-align: center;
  &--med {
    width: 140px;
  }
  .sq-link__container {
    display: flex;
    flex-direction: column;
  }
  @media (min-width: $screen-sm) {
    display: inline-block;
    min-width: 160px;
    margin-right: 15px;
  }
  .sq-link {
    display: inline-block;
    width: 100%;
    padding: 20px;
  }
  .sq-link__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }
  border: solid 1px $sq-color-muted-lightest;
  &:hover {
    background-color:$sq-color-muted-lightest;
  }
 
}