@import '01-variables/04-variables-grid-layout.scss';
@import '02-ocl/01-ocl-font-styles.scss';

.LookCell__image {
  position: relative;
}

.LookCell__overlay {
  position: absolute;
  display: flex;
  color: color('white');
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(34, 34, 34, 0.5);
  transition: opacity 0.2s;
  cursor: pointer;
  z-index: 1;

  &:hover {
    opacity: 1;
  }
}

.LookCell__overlay-text {
  margin: auto;
}