/**
 * Block : Fallback Posts
 * =================================
 *
 *
 *
 */

.fallback-posts {
  position: relative;
}

@media screen and (min-width: 768px) {
  .fallback-posts::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 70%;
    height: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(
      circle,
      rgba(242, 141, 39, 1) 0%,
      rgba(255, 255, 255, 1) 55%
    );
  }
}

@media screen and (max-width: 768px) {
}

.fallback-posts__body {
  position: relative;
}

@media screen and (max-width: 1199px) {
  .fallback-posts__body .tns-inner {
    padding: 0 29px;
  }
}

.fallback-posts__body .controls {
  position: absolute;
  top: 50%;
  left: -7.5px;
  margin-top: -45px;
  transform: translateY(-50%);
  width: calc(100% + 15px);
  z-index: 2;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fallback-posts__body .controls > button {
  pointer-events: auto;
  width: 30px;
  height: 30px;
}

.fallback-posts__body .controls > button svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fallback-posts__body .controls > button svg path {
  fill: var(--wp--preset--color--secondary);
}