/* compiled by scssphp 1.6.0 on Fri, 27 Mar 2026 13:08:14 +0000 (0.295s) */

div.card.--employee {
  position: relative;
  border: solid 0.0625rem var(--color-grey-3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1.5rem;
  padding: 2.5rem;
  background: radial-gradient(70.83% 97.55% at 44.66% -8.74%, rgba(108, 161, 150, 0.3) 0%, rgba(0, 1, 0, 0.3) 100%), #000100;
  border-radius: 1.25rem 1.25rem 1.25rem 0;
  grid-column: 1 / -1;
  width: 100%;
}
@media (min-width: 48rem) {
  div.card.--employee {
    grid-column: span 6;
    width: auto;
    background: radial-gradient(67.43% 89.88% at 0.67% -0.44%, rgba(108, 161, 150, 0.3) 0%, rgba(0, 1, 0, 0.3) 100%), #000100;
  }
  div.card.--employee:first-child, div.card.--employee:last-child {
    background: radial-gradient(70.83% 97.55% at 44.66% -8.74%, rgba(108, 161, 150, 0.3) 0%, rgba(0, 1, 0, 0.3) 100%), #000100;
  }
}
@media (min-width: 64rem) {
  div.card.--employee {
    grid-column: span 4;
  }
}
div.card.--employee .card__image {
  width: 9.8125rem;
  min-width: 9.8125rem;
  height: 9.8125rem;
  min-height: 9.8125rem;
  border-radius: 50%;
  margin-inline-end: 0;
}
div.card.--employee .card__heading {
  position: relative;
}
div.card.--employee .card__name {
  font-size: 1.625rem;
  font-weight: var(--font-weight--regular);
  margin-block-end: 0;
}
div.card.--employee .card__function {
  font-size: 0.875rem;
  font-weight: var(--font-weight--light);
}
div.card.--employee .button {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  --button__padding-block: 0.775rem;
  --button__padding-inline: 1.1rem;
}
div.card.--employee .button__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (min-width: 48rem) {
  div.card.--employee .button__wrapper {
    flex-direction: column;
  }
}
@media (max-width: 47.99rem) {
  div.card.--employee .button__wrapper > .button {
    width: 3.75rem;
    height: 3.75rem;
    padding: 0.25rem;
    border-radius: 50%;
  }
  div.card.--employee .button__wrapper > .button .button__title {
    display: none;
  }
}
div.card.--employee .button .icon {
  order: -1;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fvaibs%2Fdomains%2Fvaibs.com%2Fpublic_html%2Fwp-content%2Fthemes%2Fvaibs%2Fsass%2Fcards%2Fcard-employee.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAON%3BAAAA%3BAAAA%22%7D */