.directory-tooltip-container { position: relative; display: inline-block; }
.directory-tooltip-container .button { background-color: transparent; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1)); border: 1px solid rgba(0, 0, 0, 0.8); border-radius: 2px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); color: #000; cursor: pointer; display: inline-block; font-weight: bold; line-height: 1; text-decoration: none; white-space: nowrap; font-size: 1rem; padding: 0; }
.directory-tooltip-bubble { background-color: #fff; border: 1px solid #111; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); color: #111; display: inline-block; font-size: 0.8rem; font-weight: normal; left: 100%; margin-left: 4px; max-width: 50vw; padding: 0.5rem; position: absolute; text-align: left; top: 0; width: 40vw; z-index: 10; }
.directory-tooltip-bubble.shift { left: auto; right: 100%; }
.directory-tooltip-bubble p { color: #111; line-height: 1.5; margin: 0; text-align: left; }
.directory-tooltip-bubble img { margin-left: 0.5rem; }
button[data-directory-tooltip-url] * { pointer-events: none; }
button[data-directory-tooltip-url] svg { margin-bottom: -0.1em; }
.directory-tooltip-bubble .photo-group .photo { height: 5rem !important; width: 5rem !important; margin: 0; padding: 0; }
.directory-tooltip-bubble .directory-card .photo-group, .directory-tooltip-bubble .directory-card .logo { margin: 0; }
.directory-tooltip-bubble .directory-card .info, .directory-tooltip-bubble .directory-card .contacts:not(:empty) { flex: auto; }