.view-more-button-container-parent {
  position: relative;
  overflow: hidden;
  max-height: var(--parent-max-height);
  transition: all 0.3s;
}

.view-more-button-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7.5px;
  width: 100%;
  bottom: 0;
  position: var(--view-more-button-container-position);
}

.view-more-button-overlay {
  position: relative;
  height: var(--view-more-button-overlay-height);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}

.view-more-button-background {
  position: absolute;
  inset: 0;
  opacity: var(--view-more-button-background-opacity);
  transition: all 0.3s;
  background: var(--view-more-button-background-image);
}

.view-more-button-icon-container {
  transition: all 0.3s;
  transform: var(--view-more-button-icon-container-transform);
}

.view-more-button {
  position: relative;
  z-index: 1;
}