/*Resource shortcode*/

#be-resource-box,
#be-resource-box *{
  box-sizing:border-box !important;
}

/* Reset everything inside */
#be-resource-box{
  all:initial !important;

  display:flex !important;
  align-items:center !important;
  gap:16px !important;

  width:100% !important;
  margin:28px 0 !important;
  padding:14px 20px !important;

  background:#F7EEFF !important;
  border-left:4px solid #3C247F !important;
  border-radius:4px !important;

  font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;

  position:relative !important;
}

/* HARD RESET children */
#be-resource-box *{
  box-sizing:border-box !important;
}

/* ICON */
#be-resource-box .be-icon{
  flex:0 0 auto !important;

  width:32px !important;
  height:32px !important;

  display:grid !important;
  place-items:center !important;

  background:#fff !important;
  color:#3C247F !important;

  border-radius:999px !important;
}

#be-resource-box .be-icon svg{
  width:16px !important;
  height:16px !important;
  display:block !important;

  stroke:currentColor !important;
  fill:none !important;
}

/* BODY */
#be-resource-box .be-body{
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* LABEL */
#be-resource-box .be-label{
  display:block !important;

  margin-bottom:4px !important;

  color:#3C247F !important;

  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;

  letter-spacing:.14em !important;
  text-transform:uppercase !important;

  font-family:inherit !important;
}

/* LINK */
#be-resource-box .be-link,
#be-resource-box .be-link:link,
#be-resource-box .be-link:visited,
#be-resource-box .be-link:hover,
#be-resource-box .be-link:active{
  display:inline !important;

  color:#3C3549 !important;

  font-family:inherit !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:24px !important;

  text-decoration:underline !important;
  text-decoration-color:#DCB8FE !important;
  text-decoration-thickness:1.5px !important;
  text-underline-offset:3px !important;

  background:none !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;

  cursor:pointer !important;
}

/* HOVER */
#be-resource-box .be-link:hover{
  text-decoration-color:#3C247F !important;
}

/* ARROW */
#be-resource-box .be-arrow{
  display:inline-block !important;
  transition:transform .16s ease !important;
}

#be-resource-box .be-link:hover .be-arrow{
  transform:translateX(3px) !important;
}

/* MOBILE */
@media (max-width:480px){

  #be-resource-box{
    gap:12px !important;
    padding:12px 16px !important;
  }

  #be-resource-box .be-link{
    font-size:15px !important;
    line-height:22px !important;
  }

}
/**/