.group.clickable_object-group {
  .row.clickable_object-row {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;

    &:hover {
      .clickable_object a.clickable .image {
        transform: scale(1.1);
      }
    }
    .clickable_object {

		&.no-pointer * {
			cursor: default;
			pointer-events: none;
		}

      a.clickable {
        padding-top: calculateRem(125);
        padding-right: calculateRem(50);
        padding-bottom: calculateRem(125);
        padding-left: calculateRem(50);

        color: inherit;

        .image {
          transition: all 1s ease-out;
        }
        .content {
          text-align: center;
        }
      }
    }
  }

  &.angled-bottom-group {
    .clickable_object {
      @include anglePaddingBottom();
    }
  }
}
