/* CSS */
.tpa-btn {
  display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    color: #dfe7ff !important;
    text-decoration: none;
    letter-spacing: 0.3px;
    padding: 6px 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
    backdrop-filter: blur(8px);
}

.tpa-btn:hover {
  background-position: right center !important;
  /* change the direction of the change here */
  color: #fff !important;
  text-decoration: none !important;
}

.tpa-btn:active {
  transform: scale(0.95) !important;
}