.btn-action-container {
  height: var(--width-btn-action);
  width: var(--width-btn-action);
  display: flex;
  justify-content: right;
  align-items: center;
  background: none;
  font-weight: 300;
}

.btn-action {
  border-radius: 8px;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  background: none;
  min-width: var(--width-btn-action);
  min-height: var(--width-btn-action);
  justify-content: center;
  align-items: center;
  position: absolute;
}


.btn-action.clicked {
  transition: all 0.3s ease-in-out;
  transform: scale(1.2);
}
@media only screen and (min-width: 768px) {
  .btn-action:not(.disabled):hover {
    transform: scale(1.2);
  }
}
.btn-action.disabled {
  color: var(--color-text-dim);
  background-color: transparent;
  transition: all 0s;
}

.fa-paper-plane {
  font-size: 90%;
}
.fa-microphone {
  font-size: 95%;
}

.action-icon {
  position: relative;
}

#btnSendText:not(.disabled) {
  background-color: var(--color-btn-send);
}
#btnSendAudio:not(.disabled) {
  background-color: var(--color-librairie-martin);
}
#btnCancel:not(.disabled) {
  background-color: var(--color-bg-header-footer);
}

.btn-action-fade-enter-active,
.btn-action-fade-leave-active {
  transition: opacity 0.25s ease-in;
}
.btn-action-fade-enter-from,
.btn-action-fade-leave-to {
  opacity: 0;
  transition: opacity 0s;
}