.custom-header-right {
  display: flex;
  align-items: center;
  gap: 20px;

  // Buttons
  .custom-header-buttons {
    display: flex;
    gap: 10px;

    a {
      padding: 6px 12px;
      border-radius: $btn-radius;
      text-decoration: none;
      min-height: 40px;
      transition: $transition;
      min-width: 140px;
      display: inline-flex;
      align-items: center;
      justify-content: center;

      &.btn-register {
        background: $primary-color;
        color: #fff;

        &:hover {
          opacity: 0.9;
        }
      }

      &.btn-login {
        background: #fff;
        color: #000;
        border: 1px solid $border-color;

        &:hover {
          background: #f8f8f8;
        }
      }
    }
  }
}