.wp-block-table.sticky-first-column td:nth-child(1),
.wp-block-table.sticky-first-column th:nth-child(1),
.wp-block-table.sticky-first-column figcaption {
  position: sticky;
  left: 0;
  z-index: 5;
}
.wp-block-table.sticky-first-column figcaption {
  width: 95% !important;
}
.wp-block-table.sticky-first-column.scrolled td:nth-child(1)::after,
.wp-block-table.sticky-first-column.scrolled th:nth-child(1)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    pointer-events: none;
    box-shadow: 10px 0 20px rgba(72, 59, 131, 0.4);
    clip-path: inset(0 -30px 0 0);
}

.wp-block-table {
    overflow: auto;
}
.wp-block-table td,
.wp-block-table th {
    width: 140px;
}

/* add buttons */
.scrollable-table-button-wrapper {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  justify-content: space-between;
  z-index: 6;
}
.scrollable-table-button-wrapper:has(button:not(.is-disabled)){
  display: flex;
}
.scrollable-table-button-left,
.scrollable-table-button-right {
	position: relative;
	border-radius: 9999px;
	background-color: #fff;
	width: 38px;
	height: 38px;
	border: none;
	cursor: pointer;
	transition: opacity 0.3s ease;
	filter: drop-shadow(2px 3px 7px rgba(36, 36, 36, 0.20));
	z-index: 10;
  opacity: 0;
  pointer-events: none;
}

.scrollable-table-button-left:not(.is-disabled),
.scrollable-table-button-right:not(.is-disabled) {
	opacity: 1;
	pointer-events: auto;
}

.scrollable-table-button-left::after,
.scrollable-table-button-right::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 19px;
	height: 19px;
	-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 890.95 795.1'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %238a7ef6; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='M369.13,44.1L11.93,662.8c-33.9,58.8,8.5,132.3,76.4,132.3h714.3c67.9,0,110.3-73.6,76.4-132.4L521.83,44.1c-33.9-58.8-118.8-58.8-152.8,0h.1Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 890.95 795.1'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %238a7ef6; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='M369.13,44.1L11.93,662.8c-33.9,58.8,8.5,132.3,76.4,132.3h714.3c67.9,0,110.3-73.6,76.4-132.4L521.83,44.1c-33.9-58.8-118.8-58.8-152.8,0h.1Z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: var(--wp--preset--color--purple);
	transition: background-color 0.3s ease;
}

.scrollable-table-button-left::after {
	transform: translate(calc(-50% - 2px), -50%) rotate(-90deg);
}

.scrollable-table-button-right::after {
	transform: translate(calc(-50% + 2px), -50%) rotate(90deg);
}

.scrollable-table-button-left:hover::after,
.scrollable-table-button-right:hover::after {
	background-color: var(--wp--preset--color--mid-purple);
}


/* fix for deprecated advanced column block */
.wp-block-themeisle-blocks-advanced-column:has(.scrollable-table-button-wrapper) .acf-innerblocks-container {
	position: relative;
}
.wp-block-themeisle-blocks-advanced-column .scrollable-table-button-wrapper {
	width: 100%;
}