.hide-if-empty:empty {
    display: none !important;
}

.btn-icon {
  position: relative;
}

.icon-position {
  position: absolute;
  top: -0.125rem;
  right: -0.125rem;
  font-size: 0.8em;
  color: var(--primary-color);
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.icon-position.active {
  animation: spin 3.3s linear infinite;
}

.icon-container::after {
  content: '';
  position: absolute;
  left: 0.625rem;
  bottom: -0.25rem;
  width: 1.4375rem;
  height: 0.125rem;
  background-color: var(--primary-color);
  transition: width 0.3s ease, left 0.3s ease;
}
