.ambassador-profile_cel {
  --card-width: 320px;
  --card-width-mobile: 250px;

  width: var(--card-width-mobile);

  @media screen and (width >= 1280px) {
    width: var(--card-width);
  }
}

.ambassador-profile_cel__image {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  position: relative;
  width: 100%;

  & img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
  }
}

.ambassador-profile_cel__content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16);
  margin-top: var(--spacer-20);
}

.ambassador-profile_cel__name {
  color: var(--color-indigo, #343579);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-700);
  text-transform: lowercase;
}

.ambassador-profile_cel__university {
  color: var(--color-indigo, #343579);
  font-weight: var(--font-weight-700);
  text-transform: lowercase;
}

.ambassador-profile_cel__social {
  align-items: center;
  display: flex;
  gap: var(--gap-8);
}

.ambassador-profile_cel__social-link {
  height: 30px;
  position: relative;
  text-decoration: none;
  width: 27px;

  & .icon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);

    & path {
      fill: var(--color-indigo);
        
    }
  }

  & .alani-social-wrapper {
    height: 100%;
    width: 100%;

    & path {
      fill: var(--color-seafoam);
      transition: all 0.3s ease-in-out;
    }
  }

  &:hover {
    .icon path {
      fill: var(--color-white);
    }

    .alani-social-wrapper {
      & path {
        fill: var(--color-indigo);
      }
    }
  }
}