/* --- Buttons --- */
      .btn {
        display: inline-flex;
        align-items: center;
        padding: 15px 30px;
        border-radius: 30px;
        text-decoration: none;
        color: var(--color-white);
        font-weight: 700;
        font-size: 1.05em;
        transition: all 0.3s ease;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        border: none;
        cursor: pointer;
      }
      .btn i {
        margin-right: 10px;
        font-size: 1.2em;
      }
      .btn-primary {
        background-color: var(--color-coral-red);
        box-shadow: 0 6px 15px rgba(255, 90, 95, 0.3);
      }
      .btn-primary:hover {
        background-color: #e04c51;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(255, 90, 95, 0.4);
      }
      .btn-secondary {
        background-color: var(--color-deep-teal);
        box-shadow: 0 4px 10px rgba(26, 46, 53, 0.2);
      }
      .btn-secondary:hover {
        background-color: var(--color-teal-vibrant);
        transform: translateY(-2px);
        box-shadow: 0 6px 12px rgba(0, 160, 146, 0.3);
      }
      .btn-ghost {
        background-color: transparent;
        color: var(--color-teal-vibrant);
        border: 2px solid var(--color-teal-vibrant);
        box-shadow: none;
      }
      .btn-ghost:hover {
        background-color: var(--color-teal-vibrant);
        color: var(--color-white);
        transform: translateY(-2px);
      }