.user-roles-wrapper {
  width: auto;
  margin-bottom: 20px;
}

.user-roles-text-package-wrapper img {
    width: 64px;
    height: 64px;
    margin-top: 15px;
}

.user-roles-wrapper .price {
    background-color: var(--minuba-primary-regular);
    color: var(--minuba-white);
    text-align: center;
    padding: 16px;
    font-size: 20px;
    font-weight: var(--bold);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.user-roles-wrapper .priceSubtitle {
    font-size: var(--overline-size);
    font-weight: var(--regular);
  }

.user-roles-wrapper h3 {
  margin: 10px 10px;
}

.user-roles-wrapper .h5 {
  margin: 5px 10px;
  font-weight: 600;
  font-size: 20px;
}

.user-roles-text-package-wrapper {
  text-align: center;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.user-roles-package-item-list {
  padding: 20px 10px 0px 10px;
}

.user-roles-package-item-list ul {
  margin: 0px 0px 0px 30px;
  padding: 10px;
}

.user-roles-package-item-list li {
  margin-bottom: 10px;
  line-height: 20px;
}

.user-roles-package-item-list .detailsLink {
  display: inline-block;
  text-decoration: underline;
}

.readHiddenItems {
  cursor: pointer;
  padding: 0px 0px 20px 40px;
}

.user-roles-package-item-list .cta {
    align-items: center;
}

.user-roles-package-item-list .expandHiddenItemsImg,
.user-roles-package-item-list .closeHiddenItemsImg {
    background: url("/wp-content/themes/minuba/assets/images/icons/nextArrow.svg")
      no-repeat center;
    width: 30px;
    height: 30px;
}

.user-roles-package-item-list .expandHiddenItemsImg {
    transform: rotate(90deg);
}

.user-roles-package-item-list .closeHiddenItemsImg {
    transform: rotate(-90deg);
}