.p-buttons-contact {
  --size: 3rem;
  --position: 1rem;

  position: fixed;
  z-index: 400;
  top: calc( var(--vp-header-default__height-total) + 1px );
  left: 1px;

  display: flex;
  flex-wrap: wrap;
  gap: 1px;

  transition: var(--v-transition__default);

  /*width: var(--size);*/
}

body.is-scrolled .p-buttons-contact {
  top: calc( var(--vp-header-default__height-total--sticky) + 1px );
}

.p-buttons-contact__button {
  /*flex: 0 0 100%;*/

  flex: 0 0 auto;

  height: var(--size);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--v-color__1--alpha--alt1);
  color: var(--v-color__light);
  font-size: calc( var(--size) / 2 );

  width: var(--size);
  height: var(--size);
}

.p-buttons-contact__button:hover {
  background-color: var(--v-color__1);
}

@media (min-width: 700px) {
  .p-buttons-contact {
    top: calc( var(--v-adminbar__height) + 0.5rem ) !important;
    left: 0.5rem;
    gap: 0.5rem;
  }

  body.is-scrolled .p-buttons-contact {
    top: calc( var(--v-adminbar__height) + 0.5rem ) !important;
  }
}

@media (min-width: 1000px) {
  .p-buttons-contact {
    --size: 4rem;
    --position: 5rem;
  }
}