@media (min-width: 30em) {
  .icon-hover-boxes .boxes {
    display: grid;
    grid-gap: 4rem;
    grid-template-columns: 1fr 1fr; } }

@media (min-width: 55em) {
  .icon-hover-boxes .boxes {
    grid-template-columns: 1fr 1fr 1fr; } }

@media (min-width: 75em) {
  .icon-hover-boxes .boxes {
    grid-template-columns: 1fr 1fr 1fr 1fr; } }

.icon-hover-boxes .boxes .box {
  height: 18rem;
  border: 1.5px solid #1C191A;
  display: block;
  background: #E95EBE;
  overflow: hidden;
  margin-bottom: 4rem;
  text-decoration: none; }
  @media (min-width: 30em) {
    .icon-hover-boxes .boxes .box {
      margin-bottom: 0; } }
  .icon-hover-boxes .boxes .box .content {
    padding: 3rem 1.5rem 3.5rem;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
    background: #FFFFFF;
    width: 100%;
    height: 18rem;
    position: relative; }
  .icon-hover-boxes .boxes .box .svg {
    height: 4rem; }
  .icon-hover-boxes .boxes .box .arrow {
    bottom: 2rem;
    left: 1.5rem;
    position: absolute;
    display: block; }
  .icon-hover-boxes .boxes .box:hover .content {
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem); }

/*# sourceMappingURL=maps/icon-hover-boxes.css.map */