.facecast-text-input {
  font: inherit;
  outline: none;
  box-sizing: border-box;
  padding: 10px 14px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.facecast-text-input::placeholder {
  color: #667085;
}

.facecast-text-input:focus {
  border: 1px solid #d6bbfb;
  box-shadow: 0 1px 2px rgba(16,24,40,.05),0 0 0 4px #f4ebff;
}

.facecast-btn {
  color: #fff;
  background: #7f56d9;
  border: 1px solid #7f56d9;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  min-width: 150px;
  padding: 8px 14px 8px 14px;
}

.facecast-btn:hover {
  text-decoration: none !important;
  background: #6941c6 !important;
  border: 1px px solid #6941c6 !important;
}

.facecast-icon--trash {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 20'%3E%3Cpath stroke='%23667085' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.67' d='M1.5 5h1.67m0 0H16.5M3.17 5v11.67a1.67 1.67 0 0 0 1.66 1.66h8.34a1.67 1.67 0 0 0 1.66-1.66V5H3.17Zm2.5 0V3.33a1.67 1.67 0 0 1 1.66-1.66h3.34a1.67 1.67 0 0 1 1.66 1.66V5m-5 4.17v5m3.34-5v5'/%3E%3C/svg%3E");
}