/* compiled by scssphp 1.6.0 on Fri, 08 May 2026 09:18:32 +0000 (0.0358s) */

.cta-employee {
  padding-block: var(--padding-xlarge);
  position: relative;
  z-index: 2;
}
.cta-employee .cta__container {
  grid-column: 2 / -2;
  background-color: #091540;
  color: #ffffff;
  border-radius: 10px;
  padding: 1.5rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 64rem) {
  .cta-employee .cta__container {
    padding: 48px 60px;
  }
}
.cta-employee .cta__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  inline-size: 100%;
  justify-content: space-between;
}
@media (min-width: 75rem) {
  .cta-employee .cta__row {
    flex-direction: row;
    gap: 80px;
  }
}
.cta-employee .cta__left {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}
.cta-employee .cta__avatar {
  flex-shrink: 0;
}
.cta-employee .cta__avatar img {
  inline-size: 80px;
  block-size: 80px;
  border-radius: 50%;
  border: 3px solid #00cc66;
  object-fit: cover;
}
.cta-employee .cta__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cta-employee .cta__title {
  font-family: Manrope, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
  margin: 0;
}
.cta-employee .cta__subtitle {
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  color: #ffffffbb;
  margin: 0;
}
.cta-employee .cta__status {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-block-start: 4px;
}
.cta-employee .cta__status-dot {
  inline-size: 8px;
  block-size: 8px;
  border-radius: 50%;
  background-color: var(--color-grey-4);
}
.cta-employee .cta__status-dot.--online {
  background-color: #00cc66;
}
.cta-employee .cta__status-text {
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-grey-4);
}
.cta-employee .cta__status-text.--online {
  color: #00cc66;
}
.cta-employee .cta__right {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-inline-size: 0;
}
@media (min-width: 48rem) {
  .cta-employee .cta__right {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
  }
}
.cta-employee .cta__button {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #ffffff10;
  border: 1px solid #ffffff33;
  border-radius: 8px;
  padding: 14px 20px;
  text-decoration: none;
  color: #ffffff;
  transition: background-color var(--transition);
  white-space: nowrap;
}
.cta-employee .cta__button:hover {
  background-color: #ffffff1f;
}
.cta-employee .cta__button.--whatsapp {
  background-color: #25D366;
  border-color: transparent;
}
.cta-employee .cta__button.--whatsapp:hover {
  background-color: #20bd5a;
}
.cta-employee .cta__button.--whatsapp .cta__button-label {
  color: #ffffffcc;
}
.cta-employee .cta__button-icon {
  flex-shrink: 0;
}
.cta-employee .cta__button-icon svg {
  inline-size: 18px;
  block-size: 18px;
  color: #ffffff;
}
.cta-employee .cta__button-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cta-employee .cta__button-label {
  font-family: Manrope, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  color: #ffffff88;
}
.cta-employee .cta__button-value {
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: #ffffff;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Ftrapverbouwing%2Fdomains%2Ftrapverbouwing.nl%2Fpublic_html%2Fwp-content%2Fthemes%2Ftrapverbouwing%2Fsass%2Fsections%2Femployee-cta.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAMD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOC%3BAAAA%3BAAAA%3BAAMD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaC%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */