.it-carousel-all {
  position: relative;

  .play-pause-wrapper {
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 1rem;

    button {
      display: flex;
      width: 3.1rem;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      padding: 0.35rem;

      border: none;
      border-radius: var(--bs-border-radius);
      background-color: rgba(var(--bs-primary-rgb), 0.8);

      color: var(--bs-primary-text);
      font-size: 0.7rem;
      font-weight: bold;
      line-height: 1;
      text-transform: uppercase;

      .icon {
        width: 1.35rem;
        height: 1.35rem;
        margin-bottom: 0.4rem;
        color: var(--bs-primary-text);
      }
      &:hover,
      &:active,
      &:focus {
        background-color: var(--bs-primary);
      }
    }
  }
}