.reference-card{--bubble-offset:12px;width:min(100%,400px);position:relative}.reference-card__trigger{cursor:pointer;text-align:left;background:0 0;border:0;outline:none;align-items:center;gap:18px;padding:0;display:inline-flex}.reference-card__trigger:focus-visible{border-radius:12px;box-shadow:0 0 0 .2rem #e4990b66}.reference-card__logo{object-fit:contain;background:#fff;border-radius:2px;width:104px;height:104px}.reference-card__logo--placeholder{background:#dadada}.reference-card__company h3{margin:0;font-size:1.1rem;font-weight:700}.reference-card__company span{color:#5e5e5e;text-transform:capitalize;margin-top:.5em;font-size:.8rem;font-weight:500;display:block}.reference-card__bubble{opacity:0;width:100%;transform:translateY(var(--bubble-offset));visibility:hidden;pointer-events:none;z-index:6;background-color:#fff;border-radius:26px;padding:1.5rem;transition:opacity .32s,transform .32s,visibility 0s linear .32s;position:absolute;left:0;box-shadow:0 .5rem 1.2rem #00000014}.reference-card--bottom{--bubble-offset:12px}.reference-card--bottom .reference-card__bubble{top:calc(100% + 16px)}.reference-card--top{--bubble-offset:-12px}.reference-card--top .reference-card__bubble{bottom:calc(100% + 16px)}.reference-card--open .reference-card__bubble{opacity:1;visibility:visible;transition:opacity .36s,transform .36s,visibility;transform:translateY(0)}.reference-card__quote{margin:0;padding-left:2.6rem;line-height:1.5;position:relative}.reference-card__quote-icon{color:#e4990b;font-size:2rem;line-height:1;position:absolute;top:-8px;left:0}.reference-card__author-block{text-align:right;color:#101010;margin-top:1.5rem}.reference-card__author-block strong{font-size:.8rem;line-height:1.15;display:block}.reference-card__author-block span{color:#717171;margin-top:.6em;font-size:.7rem;font-weight:400;line-height:1.15;display:block}